主要文件Root入口，主要代码Root代码
第一步
14687A6C-A5EC-41BF-AFF5-2E4A14432B9A.png
第二步配置路由做映射
4E2151C9-6A1D-4065-8290-DED5A95C17C5.png
第三步配置tabBar的样式看截图
8A3EE85F-E6F6-4716-8294-91CDA255FC43.png
最后一步追加导航做跳转，设置默认页面
1C8BC62D-9369-4800-83D5-C263280EF8A4.png
另外
import FirstVC from './FirstVC';
import SecondVC from './SecondVC';
import ThirdVC from './ThirdVC';
import FourVC from './FourVC'
写成普通的页面文件就可以，类似于这样
AA5D8DC1-D143-4EBC-92BD-CB2D3D4A1228.png
然后让我们看一下效果图iOS与安卓如下
QQ20180404-144146-HD.gif
版本环境：react-native：0.60.5 react-navigation：4.0实现需要的第三方库如...
场景： react-native react-navigation @react-native-community...
0.59.5 react-native + 3.* react-navigation + redux https:...
坑一：安装React-Navigation报错 在react-native link react-native-g...
React-Navigation V6 使用 react-native >= 0.63.0 安装核心以及其他依赖 ...
今天继续分享如何使用 react-native 丰富我们应用，之前分享如何使用 react-navigation ...
主要文件Root入口，主要代码Root代码第一步 第二步配置路由做映射 第三步配置tabBar的样式看截图 最后一...
最近在研究React-Native,在使用facebook的框架React-Navigation的时候，隐藏Tab...
react-native使用redux加上 react-navigation(1.X版本)创建的一个Demo， 不...
安装react-navigation组件、依赖、导航容器 若react-native版本在0.60以下，还需要运行...
本文标题：React-Native react-navigation实现
本文链接：https://www.haomeiwen.com/subject/comkhftx.html
网友评论