登录后如何在React Navigation中重定向

Question

StackNavigator是我的配置。

用户按下登录并成功获取令牌后如何重定向到另一个屏幕。以下是当前屏幕。

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

Answer 1

使用navigate('Protected')

如果您想传递参数navigate('protected',{user:'John'})

并将其作为道具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>
    )
  }
}