Reactjs 如何在React Native中创建专用屏幕？

我使用react native和react导航。现在我有：

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>
  );
}

const MainNavigator=createMaterialTopTabNavigator({
用户：{screen:Users}，
登录：{屏幕：登录}
},{
initialRouteName:'用户'，
});
const Navigator=createAppContainer（MainNavigator）；
导出默认函数App（）{
返回(
);
}

---

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

您可以检查用户是否已登录，然后动态添加私人屏幕

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

if(isUserLoggedIn) {
   navigationScreens["PrivateScreen1"] = {
      screen: MyPrivateScreen1
   } 
   navigationScreens["PrivateScreen2"] = {
      screen: MyPrivateScreen2
   } 
}

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

...

---

什么是私有屏幕？私有屏幕是应用程序的一个模块。就像另一个组件图像一样。此屏幕仅显示登录用户要在来宾用户和登录用户之间分离导航，切换导航器是最佳选择，这是一篇向您展示其流程的文章。