App.js

'use strict';
/**********************************************************************
*
*                               Import Libraries
*
**********************************************************************/
import React, { Component } from 'react';
import {
  I18nManager,
  Alert, 
  BackHandler
} from 'react-native';
import AsyncStorage from '@react-native-community/async-storage';
import { createDrawerNavigator,createAppContainer, createStackNavigator,NavigationActions } from 'react-navigation';
import getSlideFromRightTransition from 'react-navigation-slide-from-right-transition';




/**********************************************************************
*
*                               Screens
*
**********************************************************************/

import DrawerContainer from './src/screens/drawer'
import SplashScreen from './src/screens/SplashScreen';
import Logic from './src/screens/Logic';
import Intro from './src/screens/intro';
import Home from './src/screens/home';
import Login from './src/screens/login';
import Search from './src/screens/search';
import SearchNearBy from './src/screens/searchNearby';
import Car from './src/screens/car';


const Navigator = createStackNavigator({
   SplashScreen: {
      screen: SplashScreen,
   },
   Logic: {
      screen: Logic,
   },
   Intro: {
      screen: Intro,
   },
   Home: {
      screen: Home,
   },
   Login: {
      screen: Login,
   },
   Search: {
      screen: Search,
   },
   SearchNearBy: {
      screen: SearchNearBy,
   },
   Car: {
      screen: Car,
   },
   
      
}, {
   initialRouteName: 'Logic',
   headerMode:'none',
   transitionConfig: getSlideFromRightTransition
})

const RootStack = createDrawerNavigator({
      Stack: { screen: Navigator },
   },
   {
      drawerPosition: I18nManager.isRTL ? 'right' : 'left',
      contentComponent: DrawerContainer,
      drawerType:'back',
      navigationOptions: {
         drawerLockMode: 'locked-closed'
      }
   }
);

const AppContainer = createAppContainer(RootStack);

export default class App extends Component {
  constructor(properties) {
    super(properties);
    this.state ={
       currentScreen:''
    }
    //disable Yellow Box
    console.disableYellowBox = true;
  } 
 
  async componentDidMount(){
   // this.navigator.dispatch({
   //    type: NavigationActions.NAVIGATE,
   //    routeName: 'SplashScreen',
   // });
   await AsyncStorage.getItem('Intro').then((Intro) => {
      if (!Intro) {
         this.navigator.dispatch({
            type: NavigationActions.NAVIGATE,
            routeName: 'Intro',
         });
         
      }
   })
  }
  getActiveRouteName(navigationState) {
    if (!navigationState) {
      return null;
    }
    const route = navigationState.routes[navigationState.index];
    // dive into nested navigators
    if (route.routes) {
       return this.getActiveRouteName(route);
    }
    return route.routeName;
 }
  render() {
    return (
          <AppContainer 
               ref={nav => (this.navigator = nav)}
                onNavigationStateChange={(prevState, currentState) => {
                   const currentScreen = this.getActiveRouteName(currentState);
                   const prevScreen = this.getActiveRouteName(prevState);
                   this.state.currentScreen = currentScreen;
                   {/*if (prevScreen !== currentScreen) {
                     // the line below uses the Google Analytics tracker
                     // change the tracker here to use other Mobile analytics SDK.
                     tracker.trackScreenView(currentScreen);
                   }*/}
                 }}
             />
    );
 }
}