React Native 中 react-navigation 导航器的使用 [亲测可用] webflexrnreactnative
程序员文章站
2022-03-05 15:01:54
...
在 React Native
中,官方已经推荐使用 react-navigation
来实现各个界面的跳转和不同板块的切换。 react-navigation
主要包括三个组件:
-
TabNavigator
切换组件 ,用来实现同一个页面上不同界面的切换,即tab选项卡 StackNavigator
导航组件,用于实现各个页面之间的跳转,即页面跳转(通过stack栈记录)-
DrawerNavigator
抽屉组件,可以实现侧滑的抽屉效果
我这主要用 StackNavigator
先.因为用的是组件之间的跳转
demo 请狠狠的 戳这里 http://download.lllomh.com/cliect/#/product/J701027723523459
先创建路由文件: 导入相关.导入组件,定义好地址
navigator/AppNavigator.js
然后创建对应的组件文件:
再在App.js 中:
最后再index.js里面: