React native 组合选项卡导航器和抽屉导航器

React native 组合选项卡导航器和抽屉导航器,react-native,navigation,navigation-drawer,react-navigation,tabnavigator,React Native,Navigation,Navigation Drawer,React Navigation,Tabnavigator,我使用react导航,并希望同时使用TabNavigator和DrumerNavigator。我知道你可以嵌套导航器,但抽屉的一个链接就有我的标签 我希望选项卡导航始终可见,抽屉应该可用 因此,顶部的三个选项卡应始终可见。抽屉可以滑出连接不同的场景 const CustomTabRouter=TabRouter({ 表1:{ 屏幕:Tab1, 路径:“1”, }, 表2:{ 屏幕:Tab2, 路径:“2”, }, 表3:{ 屏幕:Tab3, 路径:“3”, }, }, { initialRo

我使用react导航,并希望同时使用TabNavigator和DrumerNavigator。我知道你可以嵌套导航器,但抽屉的一个链接就有我的标签

我希望选项卡导航始终可见,抽屉应该可用

因此,顶部的三个选项卡应始终可见。抽屉可以滑出连接不同的场景

const CustomTabRouter=TabRouter({
表1:{
屏幕:Tab1,
路径:“1”,
},
表2:{
屏幕:Tab2,
路径:“2”,
},
表3:{
屏幕:Tab3,
路径:“3”,
},
}, {
initialRouteName:'Tab2',
})
const TabNavigation=createNavigationContainer(
createNavigator(CustomTabRouter)(CustomTabView)
)
常量AppNavigation=DrawerNavigator({
主页:{
屏幕:选项卡导航
},
第一屏:{
屏幕:屏幕一
},
屏幕二:{
屏幕:屏幕二
},
}, {
headerMode:“无”,
initialRouteName:“主页”,
抽屉位置:'对',
contentComponent:props=>滑块(props),
内容选项:{
不活动IntColor:Colors.primary,
activeTintColor:Colors.orange,
activeBackgroundColor:Colors.white
},

})
如果您需要使选项卡始终可见,则需要将选项卡导航用作顶级路由器,并在其中嵌套其他导航选项