ログイン後にリアクションナビゲーションでリダイレクトする方法

Question

StackNavigatorは私の設定です。

ユーザーがログインしてトークンを取得すると、別の画面にリダイレクトする方法を教えてください。以下は現在の画面です。

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

Answer 1

使用navigate('Protected')

、あなたはnavigate('protected',{user:'John'})

のparams渡し、小道具としてそれを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> 
    ) 
    } 
}