Javascript 登录后如何在React导航中重定向

StackNavigator是我的配置

如何在用户按下login并成功获得令牌后重定向到另一个屏幕。下面是当前屏幕

const MainScreenNavigator = StackNavigator({
  Login: { screen: LoginScreen },
  Protected: { screen: ProtectedScreen },
});

使用

导航（'Protected'）

如果要传递参数

navigate（'protected'，{user:'John'}）

并将其作为props

this.props.Navigation.state.params.user检索

class LoginScreen extends React.Component {
  static navigationOptions = {
    title : 'Login'
  };

  login() {
    const { navigate } = this.props.navigation;
    navigate('Protected', { user: 'John' })
  };

  render() {
    return (
      <View>
        <Button
          onPress={() => this.login()}
          title="Login"
        />
      </View>
    )
  }
}

classloginscreen扩展了React.Component{
静态导航选项={
标题：“登录”
};
登录（）{
const{navigate}=this.props.navigation；
导航（'Protected'，{user:'John'}）
};
render（）{
返回(
this.login（）}
title=“登录”
/>
)
}
}