React native React Native:所有选项卡上的抽屉导航器(React navigation v5)

React native React Native:所有选项卡上的抽屉导航器(React navigation v5),react-native,navigation-drawer,react-navigation,react-navigation-v5,react-navigation-bottom-tab,React Native,Navigation Drawer,React Navigation,React Navigation V5,React Navigation Bottom Tab,我想要一个带导航的应用程序。此外,我还想从所有选项卡中提供抽屉激活 MyAppNavigator.js包含以下内容。我只能“访问”选项卡导航器。抽屉不可接近 从'@react navigation/bottom tabs'导入{createBottomTabNavigator}; 从'@react navigation/native'导入{NavigationContainer,StackActions,StackNavigator}; 从'@react navigation/stack'导入{

我想要一个带导航的应用程序。此外,我还想从所有选项卡中提供抽屉激活

My
AppNavigator.js
包含以下内容。我只能“访问”选项卡导航器。抽屉不可接近

从'@react navigation/bottom tabs'导入{createBottomTabNavigator};
从'@react navigation/native'导入{NavigationContainer,StackActions,StackNavigator};
从'@react navigation/stack'导入{createStackNavigator};
从'@react导航/drawer'导入{createDrawerNavigator};
const Tabs=createBottomTabNavigator();
常量选项卡屏幕=()=>(
)
const Drawer=createDrawerNavigator();
常量抽屉屏幕=()=>(
)
const Stack=createStackNavigator();
导出默认值()=>(
)
如果我将抽屉屏幕放在TabsScreen的第一个元素中,则只能在第一个选项卡上访问抽屉屏幕,而不能在所有其他选项卡上访问抽屉屏幕。反之亦然。如果我将选项卡屏幕放入抽屉屏幕的第一个元素,则只能在抽屉屏幕的第一个元素处访问选项卡

如何实现在所有选项卡上访问抽屉?我想让选项卡作为我的主导航,但因为有更多的菜单选项,我希望用户可以从所有视图访问抽屉。每个选项卡都有自己的屏幕,有自己的功能。当我打开抽屉并访问一个抽屉条目时,它会打开另一个屏幕,wehre也是“主”选项卡导航


有什么想法吗?:-)

您需要将
TabNavigator
定义为
DrawerNavigator
的子屏幕。这样,抽屉将随处可见

const Tabs=createBottomTabNavigator();
常量选项卡屏幕=()=>(
)
const Drawer=createDrawerNavigator();
常量抽屉屏幕=()=>(
)
const Stack=createStackNavigator();
导出默认值()=>(
)

您需要将
选项卡导航器
定义为
抽屉导航器
的子屏幕。这样,抽屉将随处可见

const Tabs=createBottomTabNavigator();
常量选项卡屏幕=()=>(
)
const Drawer=createDrawerNavigator();
常量抽屉屏幕=()=>(
)
const Stack=createStackNavigator();
导出默认值()=>(
)

但是现在,如果我访问
抽屉项目1
,底部选项卡将消失,因此只有在我选择抽屉项目
选项卡时,底部选项卡才可用。底部选项卡也可以从其他抽屉项目中使用,并且也有自己的屏幕。@Daniel如果从侧菜单选择任何其他选项,您是否找到了选项卡丢失问题的解决方案?但是现在,如果我访问
drawer-Item1
,底部选项卡将消失,因此,它仅在我选择抽屉项目
选项卡时可用。底部标签也可以从其他抽屉项目中获得,并且也有自己的屏幕。@Daniel如果从侧菜单中选择任何其他选项,您是否找到了标签丢失问题的解决方案?您找到了解决方案吗!我也面临着类似的问题,你找到解决办法了吗!我也面临着类似的问题,。