App.js

import React from 'react';
import {Root, StyleProvider} from 'native-base';
import {
  createSwitchNavigator,
  createStackNavigator,
  createAppContainer,
  createDrawerNavigator,
} from 'react-navigation';
import getTheme from './native-base-theme/components';
import {LoginScreen, ForgotScreen, RecoverScreen} from './src/Auth';
import {
  JobsListScreen,
  JobDetailsScreen,
  JobHistoryScreen,
  PauseJobScreen,
  CommentsScreen,
  CloseJobScreen,
  PdfScreen,
  ImageScreen,
  SignatureScreen,
  SearchPartsScreen,
} from './src/Jobs';
import ProfileScreen from './src/Profile/ProfileScreen';
import AuthLoadingScreen from './src/AuthloadingScreen';
import JobAdminListScreen from './src/modules/admin/JobAdminListScreen';
import SideBar from './src/SideBar/SideBar';
import JobEditScreen from './src/Jobs/edit/JobEditScreen';
import JobCreateScreen from './src/Jobs/edit/JobCreateScreen';
import SearchEmployeeScreen from './src/Jobs/edit/SearchEmployeeScreen';
import SearchLocationScreen from './src/Jobs/edit/SearchLocationScreen';

const JobsStack = createStackNavigator({
  Jobs: JobsListScreen,
  JobDetails: JobDetailsScreen,
  JobEdit: JobEditScreen,
  JobCreate: JobCreateScreen,
  JobHistory: JobHistoryScreen,
  PauseJob: PauseJobScreen,
  Comments: CommentsScreen,
  CloseJob: CloseJobScreen,
  Pdf: PdfScreen,
  Image: ImageScreen,
  Signature: SignatureScreen,
  SearchParts: SearchPartsScreen,
  SearchEmployee: SearchEmployeeScreen,
  SearchLocation: SearchLocationScreen,
});

const AuthStack = createStackNavigator({
  Login: LoginScreen,
  Forgot: ForgotScreen,
  Recover: RecoverScreen,
});

const AppDrawerMenu = createDrawerNavigator(
  {
    Jobs: JobsStack,
    Profile: ProfileScreen,
    Admin: JobAdminListScreen,
  },
  {
    contentComponent: (props) => <SideBar {...props} />,
  },
);

const AppNavigator = createAppContainer(
  createSwitchNavigator(
    {
      AuthLoading: AuthLoadingScreen,
      App: AppDrawerMenu,
      Auth: AuthStack,
    },
    {
      initialRouteName: 'AuthLoading',
    },
  ),
);

const App = () => (
  <Root>
    <StyleProvider style={getTheme()}>
      <AppNavigator />
    </StyleProvider>
  </Root>
);

export default App;