React native navigator v4

ReactNativeNavigator.js

import React from 'react';
import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'react-navigation';
import AuthLoadingScreen from '../screens/Registration/AuthLoadingScreen';
import MainTabNavigator from './MainTabNavigator';

const RouteStack = createAppContainer(
  createSwitchNavigator(
    {
      // You could add another route here for authentication.
      // Read more at https://reactnavigation.org/docs/en/auth-flow.html
      AuthLoading: AuthLoadingScreen,
      Main: MainTabNavigator,
      Auth: AuthStack,
    },
    {
      initialRouteName: 'AuthLoading',
    },
  ),
);

export default props => (
  <RouteStack
    screenProps={{
      ...props,
      AuthenticatedRoute: 'Main',
      AnonymousRoute: 'Auth',
    }}
  />
);