如何在React Navigation 6中隐藏特定屏幕中的tabBar？

Question

如何在react-navigation 6...中的特定屏幕中隐藏选项卡栏而不更改导航结构，因为它是此处文档中唯一可用的选项

Answer 1

有时我使用这种方法

\n

    import { getFocusedRouteNameFromRoute } from \xe2\x80\x98@react-navigation/native\xe2\x80\x99;\n   \n\n     export const MainNavigator = () => {\n      const getTabBarVisibility = (route) => {\n        const routeName = getFocusedRouteNameFromRoute(route);\n        const hideOnScreens = [SCREENS.REVIEW_ORDER, SCREENS.ORDER_PAYMENT]; // put here name of screen where you want to hide tabBar\n        return hideOnScreens.indexOf(routeName) <= -1;\n      };\n      return (\n        <Tab.Navigator>\n          <Tab.Screen\n            name={SCREENS.ORDER}\n            component={OrderNavigator}\n            options={({ route }) => ({\n              tabBarVisible: getTabBarVisibility(route),\n            })}\n          />\n          <Tab.Screen name={SCREENS.REWARDS} component={SweetRewardsNavigator} />\n          <Tab.Screen name={SCREENS.MY_ACCOUNT} component={MyAccountNavigator} />\n        </Tab.Navigator>\n      );\n    };\n

\n