如何在登錄後在React Navigation中重定向

Question

StackNavigator是我的配置。

如何在用戶按下登錄併成功獲取令牌後重定向到另一個屏幕。以下是當前屏幕。

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

Answer 1

使用navigate('Protected')

，如果你想通過PARAMS navigate('protected',{user:'John'})

和retrive它作爲道具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> 
    ) 
    } 
}