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

rn-react-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() {
    const { navigate } = this.props.navigation;
    navigate('Home');
  }

  render() {
    // ..
  }
}

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

export default LoginScreen;