reactNative导航栏

在Android中原生态导航栏采用TabLayout用于页面切换， 如图

image.png

在react-native 中导航的最知名的库就是react-navigation,他是非常优雅的把native界面间切换抽象为几种形式，并且采用配置来解决native自带导航组件使用复杂的问题。

导航栏本质

image.png

navigation导航栏三种形式
1、Drawer Navigation
Drawer Navigation实现抽屈导航菜单

image.png

DrawerNaigator 导航栏的属性如下

image.png

2、Stack Navigation
statck Navigation界面间跳转，传值，取值

image.png

Stack Navigator属性如下

image.png

3、tab Navigator
tab Navigator 用于各个tab加载

image.png

tab Navigator属性如下

image.png