当我使用抽屉导航到另一个屏幕时，底部标签导航器被隐藏

Question

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

https://snack.expo.io/rkC_VVFE8

Answer 1

您在Tab.Screen中嵌套了Drawer（MyDrawer），在NavigationContainer中嵌套了Tab.Navigator。

示例代码：Gist

您的代码的解决方案：

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