iOS and Android apps with React Native - Switching between screens with React Native Navigation

rn-react-native-navigation-screen.js

import React from 'react';
import PropTypes from 'prop-types';

class LoginScreen extends React.Component {
  // ...

  componentWillReceiveProps(newProps) {
    if (newProps.authenticated === true) {
      this.handleSuccessfulLogin();
    }
  }
  
  handleSuccessfulLogin() {
    this.props.navigator.resetTo({
      screen: 'MyApp.Dashboard',
      backButtonHidden: true,
      animated: true,
      animationType: 'fade',
    });
  }

  render() {
    // ..
  }
}

LoginScreen.propTypes = {
  authenticated: PropTypes.bool.isRequired,
  navigator: PropTypes.shape({
    resetTo: PropTypes.func.isRequired,
  }).isRequired,
};

export default LoginScreen;