advanced App.js for Multiple RN Navigation Options

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
// React Navigation
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
// Screen
import AccountScreen from './src/screens/AccountScreen';
import DashboardScreen from './src/screens/DashboardScreen';
import IndexScreen from './src/screens/IndexScreen';
import SignInScreen from './src/screens/SignInScreen';
import SignUpScreen from './src/screens/SignUpScreen';
import UpdateDetailsScreen from './src/screens/UpdateDetailsScreen';

const switchNavigator = createSwitchNavigator({
  loginFlow: createStackNavigator({
    SignUp: SignUpScreen,
    SignIn: SignInScreen,
  }),
  mainFlow: createBottomTabNavigator({
    userDetailsFlow: createStackNavigator({
      Dashboard: DashboardScreen,
      UpdateDetails: UpdateDetailsScreen,
    }),
    Account: AccountScreen,
  }),
});

const App = createAppContainer(switchNavigator);

export default () => {
  return <App />;
};