Как я могу заставить TabBar показывать на всех экранах приложений response-navigation v5?

Question

Я пытаюсь показать Bottom 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 отображался на каждом экране приложения, вам нужно сделать его навигатором root, и тогда все экраны будут находиться под этим навигатором, поэтому tabBar будет виден на всех экраны.