javascript - 如何在嵌套在 Switch Nav 内的 Tab View 中打开 Drawer Navigator？

Question

我发现 createDrawerNavigator 上的文档在嵌套导航器方面很难遵循。

我有 2 个导航器和一个抽屉式导航器，我不知道该放在哪里

A = 父 SwitchNavigator

const MainNavigator = createSwitchNavigator({
  AuthLoading: AuthLoadingScreen,
  Auth: AuthStack,
  App: AppStack,
}

B = AppStack TabNavigator

在 TabNavigator 内的一个选项卡上，我想打开一个抽屉式导航器。

我该怎么做？我应该创建一个单独的抽屉式导航器并将其放置在 Switch 内，还是应该将其嵌套在 TabNavigator 内？我已经尝试了两种方法，并且可以将 View 加载到抽屉内，但不能加载抽屉本身。

Answer 1

您需要创建一个新的抽屉式导航器组件，然后将其用作屏幕

像这样

const MainNavigator = createBottomTabNavigator({
  YourScreenName: YourDrawerNavigatorComponent,
}

这篇文章详细介绍了一切 https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db