不知道如何在我的项目中实现抽屉导航器

Question

我正在尝试在es6 arrow functions中实现抽屉导航器。抽屉将出现在以下所有场景中：AllPractice，Practice，Play Tests，Question（所有标签）

个人，团体，待定。 （还有标签）。

所有其他主要屏幕：奖项，GameOn，上传。

问题是我不知道在我的项目中将其实施的位置。 我的所有导航都在导航文件夹中。

这是抽屉的基本代码：

$(document).ready(function(){  
     $('.square').on('click', () => setTimeout(() => {
         alert('thanks for waiting');
         setTimeout( () => alert('thanks for waiting even longer'), 3000 );
     }, 1000));
});

以下是我的所有导航代码：它位于project文件中         从＆＃39; react-navigation＆＃39;中导入{StackNavigator，TabNavigator，DrawerNavigator};

 AppDrawerNavigator = DrawerNavigator({
  FirstScreen: { Screen: FirstScreen },
  SecondScreen: { Screen: SecondScreen }
 });

Answer 1

抽屉导航就像一个标签导航。这意味着如果您想使用抽屉为用户提供导航应用程序，那么请忘记选项卡。

或者，如果您想将抽屉用作控制器，就像在其上放置一些按钮一样。

然后，它会是这样的。

AppDrawerNavigator = DrawerNavigator({
  FirstScreen: { Screen: navigator },
 });

我把你的'导航器'放在抽屉导航上。然后，您可以使用AppDrawerNavigator作为根。

然后，您可以在drawerNavigatorOption中使用'contentComponent'来放置一些按钮或视图。