简体   繁体   English

如何使用React本机导航创建嵌套导航? (示例:选项卡导航器中的堆栈导航器)

[英]How to use react native navigation to create a nested navigation? (Example: Stack navigator inside a Tab navigator)

I'm trying to create a nested navigation as shown in the image below. 我正在尝试创建嵌套导航,如下图所示。 I need to have a main TabNavigator and then inside one tab page, I need to add a StackNavigator to enable navigation to that tab page's sub pages. 我需要有一个主TabNavigator,然后在一个标签页中,我需要添加一个StackNavigator以启用到该标签页子页面的导航。 How can I do this? 我怎样才能做到这一点?

Here's an illustration of what I need to do: 这是我需要做什么的说明:

在此处输入图片说明

Please check my repository ,I have created a sample app of your scenario. 请检查我的存储库,我已经创建了您的方案的示例应用程序。

Type 1 https://github.com/paraswatts/StackNavigator-inside-TabNavigator 类型1 https://github.com/paraswatts/StackNavigator-inside-TabNavigator

Type 2 https://github.com/paraswatts/ParasWatts 类型2 https://github.com/paraswatts/ParasWatts

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 反应导航 - 反应原生 - 如何阻止嵌套在抽屉导航器内的堆栈导航器中的抽屉? - React navigation - react native - How to block drawer in Stack Navigator nested inside Drawer Navigator? React Native中带抽屉和堆栈导航器的嵌套导航 - Nested Navigation with drawer and stack navigator in React Native React 导航:带有选项卡导航器的堆栈导航器不起作用 - React navigation: stack navigator with tab navigator is not working 如何在 React Native 的嵌套导航器中重置导航堆栈状态 - How to reset navigation stack state in nested navigator in react native React Native Navigation-将Stack Navigator的navigationOptions放入Bottom Tab Navigator中 - React Native Navigation - Putting navigationOptions of Stack Navigator inside Bottom Tab Navigator 嵌套在堆栈导航器中的 React Native 选项卡导航器 - React Native tab navigator nested in stack navigator React Navigation-如何将包装堆栈导航器的组件嵌套在选项卡导航器中 - React Navigation - How to nest a component wrapping a stack navigator inside a tab navigator 如何在 Tab Navigator React Navigation 5 中始终设置 Stack Navigator 的第一个屏幕 - How to set always first screen of Stack Navigator inside Tab Navigator React Navigation 5 React Native-Tab Navigator内Drawer Navigator内的Stack Navigator - React Native - Stack Navigator inside Drawer Navigator inside Tab Navigator 反应导航:切换导航器内的嵌套堆栈导航器和选项卡导航器产生2个标头 - React-navigation: nesting stack navigator and tab navigator inside switch navigator results in 2 headers
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM