react-native - 当我使用抽屉导航到另一个屏幕时，底部选项卡导航器被隐藏

Question

我在使用 expo 的 react-native 项目中使用底部选项卡和抽屉导航器。我在我的项目中使用 react-navigation v5。我不知道为什么，但是当我使用抽屉导航到另一个屏幕时，我往往会丢失该页面上的底部标签栏。谁能帮我在每一页上保持不变？

https://snack.expo.io/rkC_VVFE8

Answer 1

您在 Tab.Screen 中嵌套了 Drawer (MyDrawer)，在 NavigationContainer 中嵌套了 Tab.Navigator。

示例代码：要点

您的代码的解决方案：

export default function App() {
  return (
    <NavigationContainer>
        <Tab.Navigator>
          <Tab.Screen name="Home" component={MyDrawer} />
          <Tab.Screen name="Settings" component={SettingsScreen} />
        </Tab.Navigator>
    </NavigationContainer>
  );
}