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

标签 javascript reactjs react-native expo

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

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

A = 父 SwitchNavigator

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

B = AppStack TabNavigator

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

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

最佳答案

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

像这样

const MainNavigator = createBottomTabNavigator({
  YourScreenName: YourDrawerNavigatorComponent,
}

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

关于javascript - 如何在嵌套在 Switch Nav 内的 Tab View 中打开 Drawer Navigator?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50773777/

相关文章:

javascript - 浏览器超时

javascript - 如何从一个文件加载另一个文件中的div(在iframe内)

android - 无法连接远程调试器

javascript - 在 JSX 中返回多个元素

google-maps - 在 React babel 组件中使用谷歌地图 API

javascript - Angular - ng-repeat 不适用于搜索 Controller

android - 模拟器屏幕卡在从 10.0.0.2 加载时卡住 :8081. 可能是什么问题?

reactjs - 按下按钮 : Hide keyboard in react-native

ios - React原生fbsdk登录IOS白屏

javascript - VueJS 从查询参数中添加数据