React native 反应导航-如何切换选项卡导航以处理登录屏幕?

React native 反应导航-如何切换选项卡导航以处理登录屏幕?,react-native,login,react-navigation,React Native,Login,React Navigation,我想知道在按下按钮login后是否可以处理登录屏幕 我有一个路由器。js: export const TabLoged= TabNavigator({ Home: { screen: HomeStack, }, MyPatient:{ screen: MyPatientStack }, MyAccount: { screen: MyAccount, } }); export const Tab = TabNavigator({ Home:

我想知道在按下按钮
login
后是否可以处理登录屏幕

我有一个路由器。js:

export const TabLoged= TabNavigator({
  Home: {
    screen: HomeStack,
  },
  MyPatient:{
    screen: MyPatientStack
  },
  MyAccount: {
    screen: MyAccount,
  }
});

export const Tab =  TabNavigator({
  Home: {
    screen: HomeStack,
  },
  Login: {
    screen: LoginStack,
  }
});

export const Root = StackNavigator({
  Tab: {
    screen: Tab,
  }
},{headerMode:'none'})
在导出常量根目录中,我想更改如下代码:

export const Root = StackNavigator({
  Tab: {
    // here i want to set the `alredyLogin` to be boolean, but i dont know how to do that
    screen: alreadyLogin ? TabLoged : Tab,
  }
},{headerMode:'none'})

请参阅我不知道如何处理此问题,因此我想知道还有其他方法可以归档我的目标?

以实现您可以使用的预期行为。文档中有一个很好的例子。你可以查一下

切换导航器参考

SwitchNavigator(路由图、SwitchNavigator配置)

来自文档的示例

const AppStack = StackNavigator({ Home: HomeScreen, Other: OtherScreen });
const AuthStack = StackNavigator({ SignIn: SignInScreen });

export default SwitchNavigator(
  {
    AuthLoading: AuthLoadingScreen,
    App: AppStack,
    Auth: AuthStack,
  },
  {
    initialRouteName: 'AuthLoading',
  }
);