位置: 编程技术 - 正文
React Native中导航组件react-navigation跨tab路由处理详解(react-native-navigation)
编辑：rootadmin推荐整理分享React Native中导航组件react-navigation跨tab路由处理详解(react-native-navigation)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:react menu 导航,react-native-maps,react native 导航器,react menu 导航,react native地图,react native 导航器,react native导航栏,react native 导航器,内容如对您有帮助，希望把文章链接给更多的朋友！
前言
大家应该都有所体会，我们在一般应用都有跨tab跳转的需求， 这就需要特别处理下路由，所以 下面是使用react-navigation作为路由组件的一种方式.
具体情境是: app分三大模块Home主页, Bill账单和Me我的, 对应三个tab. 现在需求是 Home push HomeTwo, HomeTwo push BillTwo, BillTwo 返回到 Bill账单首页.
方法如下：
首先选择路由结构, 选择使用最外层是StackNavigator, 然后包含3个TabNavigator和其他组件.
在HomeTwo里使用react-navigation自带的reset action就可以重置路由信息了:
从HomeTwo push 到 BillTwo页面后, 点击BillTwo的左上角导航按钮返回就能返回到Bill账单首页了.
总结
下一篇：详解RequireJs官方使用教程(require注解)