如何强制TabBar在所有App屏幕上显示react-navigation v5？

Question

我正在尝试在应用程序的每个屏幕上显示底部TabBar，但是我还找不到在RN V5中实现此功能的方法，

所以当我尝试像这样使用tabBarVisible

<BottomTab.Navigator
      lazy={false}
      tabBar={props => <TabBar {...props} />}
      screenOptions={({route}) => (
             console.log('route', route), it's just log the five bottom component i have
             {
             tabBarVisible: ({routes}) => {
             let tabBarVisible = false;
             console.log('screens', routes); // Not log anything!
             return {tabBarVisible};
            },
          }
         )}
        ....
       >
       ... 5 Tabs here
</BottomTab.Navigator>

那么我该如何处理这种情况？并可以访问其他堆栈屏幕？

只是为了最大程度地减少相关代码段

这是full Root file代码，您可以检查吗？

Answer 1

如果您希望tabBar显示在应用程序的每个屏幕中，则需要将其设置为您的根导航器，然后所有屏幕都将位于该导航器下方，因此tabBar将可见在所有屏幕中。