如何在React Native中创建私有屏幕？

Question

我使用react native和react-navigation。现在我有：

const MainNavigator = createMaterialTopTabNavigator({
    Users: {screen: Users},
    Login: {screen: Login}
},{
    initialRouteName: 'Users',
});

const Navigator = createAppContainer(MainNavigator);


export default function App() {
  return (
      <Provider store={store}>
          <Navigator/>
      </Provider>
  );
}

但是我如何仅为登录用户添加私人屏幕？如果该用户是访客，那么我不想在导航栏中显示私有屏幕，否则，如果该用户已登录，则显示该屏幕。

Answer 1

const navigationScreens = {
    Users: {screen: Users},
    Login: {screen: Login}
}

if(isUserLoggedIn) {
   navigationScreens["PrivateScreen"] = {
      screen: MyPrivateScreen
   } 
}

const MainNavigator = createMaterialTopTabNavigator(navigationScreens,{
    initialRouteName: 'Users',
});

...