StackNavigator is my configuration.

How do to redirect to another screen after user pressed login and successfully obtained a token. Below are the current screen.

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

StackNavigator is my configuration.

How do to redirect to another screen after user pressed login and successfully obtained a token. Below are the current screen.

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

• javascript
• reactjs
• web
• react-native
• react-navigation

Share Improve this question Follow edited Jul 16, 2017 at 15:39 Sydney 1,43911 gold badge1616 silver badges2222 bronze badges asked Jun 16, 2017 at 20:40 JoseJose 3311 gold badge11 silver badge44 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

use navigate('Protected')

and if you want to pass params navigate('protected',{user:'John'})

and retrive it as 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>
    )
  }
}