React-Native react-navigation实现

主要文件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