小编pat*_*skr的帖子

我有一个堆栈导航器，其中有一些屏幕和一个初始路径，例如“个人资料”，当我通过“个人资料”屏幕导航到“选项”时navigation.navigate("Options")，我不想看到底部选项卡。这是我所拥有的示例：

ProfileNav.js

export default function ProfileNav () {
   return (
      <Stack.Navigator initialRoutName="Profile">
         <Stack.Screen name="Profile" component={ProfileScreen}>
         <Stack.Screen name="Options" component={OptionsScreen}>
      </Stack.Navigator>
   );
};

TabNav.js

export default function TabNav () {
   return (
      <Tab.Navigator initialRouteName="Home">
         <Tab.Screen name="Home" component={HomeScreen}>
         <Tab.Screen name="ProfileNav" component={ProfileNav}>
      </Tab.Navigator>
   );
};

我正在使用 React Navigation v6。我已经看到特定屏幕中的隐藏选项卡栏文档描述了如何交换屏幕以实现从单个屏幕隐藏选项卡，但在这种情况下，我试图让堆栈的父屏幕ProfileNav仍然显示底部选项卡，但我不希望堆栈中的其余屏幕显示它们，这不是文档帮助实现的目标，除非我错过了一些东西。

那么，如何从嵌套在选项卡导航器中的堆栈导航器的选择屏幕中隐藏底部选项卡呢？

我也尝试过tabBarVisible进入“选项”屏幕选项，但这不起作用。