App.js

//Import React
import React from 'react';

//Import Navigators from React Navigation
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

//Import all the screens needed
import SplashScreen from './Screen/SplashScreen';
import LoginScreen from './Screen/LoginScreen';
import RegisterScreen from './Screen/RegisterScreen';
// import CaptureScreen1 from './Screen/CaptureScreen1';
// import CaptureScreen2 from './Screen/CaptureScreen2';
// import CaptureScreen3 from './Screen/CaptureScreen3';
import CaptureScreen4 from './Screen/CaptureScreen4';

// import TestScreen from './Screen/TestScreen';
import DrawerNavigationRoutes from './Screen/DrawerNavigationRoutes';

// require('dotenv').config();

const Auth = createStackNavigator({
  //Stack Navigator for Login and Sign up Screen
  LoginScreen: {
    screen: LoginScreen,
    navigationOptions: {
      headerShown: false,
    },
  },
  RegisterScreen: {
    screen: RegisterScreen,
    navigationOptions: {
      title: 'Register',
      headerStyle: {
        backgroundColor: '#307ecc',
      },
      headerTintColor: '#fff',
    },
  },
});

/* Switch Navigator for those screens which needs to be switched only once
  and we don't want to switch back once we switch from them to the next one */
const App = createSwitchNavigator({
  SplashScreen: {
    /* SplashScreen which will come once for 5 Seconds */
    screen: SplashScreen,
    navigationOptions: {
      /* Hiding header for Splash Screen */
      headerShown: false,
    },
  },
  // TestScreen: {
  //   screen: TestScreen,
  //   navigationOptions: {
  //     headerShown: false,
  //   },
  // },
  // CaptureScreen1: {
  //   screen: CaptureScreen1,
  //   navigationOptions: {
  //     headerShown: false,
  //   },
  // },
  // CaptureScreen2: {
  //   screen: CaptureScreen2,
  //   navigationOptions: {
  //     headerShown: false,
  //   },
  // },
  // CaptureScreen3: {
  //   screen: CaptureScreen3,
  //   navigationOptions: {
  //     headerShown: false,
  //   },
  // },
  CaptureScreen4: {
    screen: CaptureScreen4,
    navigationOptions: {
      headerShown: false,
    },
  },
  Auth: {
    /* Auth Navigator which includer Login Signup will come once */
    screen: Auth,
  },
  DrawerNavigationRoutes: {
    /* Navigation Drawer as a landing page */
    screen: DrawerNavigationRoutes,
    navigationOptions: {
      /* Hiding header for Navigation Drawer as we will use our custom header */
      headerShown: false,
    },
  },
});

export default createAppContainer(App);