react-native从入门到精通搭建app（九） 一一 标签导航和抽屉导航嵌套使用

九、标签导航和抽屉导航嵌套使用

前面几个例子我们看到了要不只有底部导航，要不只有侧栏导航，但是怎么让底部导航跟侧栏导航一起使用呢那我们就有点犯难，下面教大家嵌套使用侧栏和底部导航

侧栏导航用的是createDrawerNavigator创建的

底部导航用的是createBottomTabNavigator创建的

单独使用是直接createAppContainer（侧栏或底部）

嵌套使用的话我们要用到createStackNavigator为您的应用提供一种在每个新屏幕都放在堆栈顶部的屏幕之间过渡的方式。

使用createStackNavigator关联侧栏和底部导航

他们直接的关系就是

 var DrawerNavigator =  createDrawerNavigator({}) ;
 var TabNavigator=  createBottomTabNavigator({DrawerNavigator }) ;
 var StackNavigator=  createStackNavigator({TabNavigator}) ;
 var AppContainer=  createAppContainer(StackNavigator);

由此导出得到如下图：