先看个效果：
未命名.gif
demo结构:
image.png
利用react-navigation 2.0+ 的 createBottomTabNavigator创建
image.png
image.png
利用react-navigation 2.0+ 的 createStackNavigator创建
image.png
[图片上传中...(image.png-1e150-1537351456935-0)]
image.png
入口则设置
image.png
登录界面需要添加一个参数, 用于判断返回的方式(dismiss(), goBack())。
image.png
我的界面不需要导航栏，则需要添加一个参数
image.png
关于设置导航栏的标题，或是左右测的Item等功能，处于一级界面的（Tab包裹下的）需要自定义导航栏（由于react-navigation 2.0+中，设置 static navigationOptions = （）=> { }；失效的，但二级界面可以使用。）
场景： react-native react-navigation @react-native-community...
React Native未来导航者：react-navigation 使用详解 react-navigation使...
参考链接 React Native使用react-navigation时,设置navigationOptions中...
2-1 安装react-navigation 2-2 安装react-native-gesture-handler...
坑一：安装React-Navigation报错 在react-native link react-native-g...
react-navigation react-navigation 是今年1月份新出的一款react-native...
错误描述：React Native在使用react-navigation时要使用到react-native-ges...
0.59.5 react-native + 3.* react-navigation + redux https:...
[x] 图标：react-native-vector-icons [x] 导航：react-navigation ...
一、安装包 安装react-navigation。 安装react-native-gesture-handler....
本文标题：React Native中 react-navigation 2
本文链接：https://www.haomeiwen.com/subject/hsainftx.html
网友评论