App.js

import AsyncStorage from '@react-native-async-storage/async-storage';
import React, {useEffect, useState} from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';

import {GlobalLocationProvider} from './context/LocationContext';
import ViewMap from './screens/ViewMap';
import Login from './screens/Login';
import Vehicles from './screens/Vehicles';
import GlobalMap from './screens/GlobalMap';

const Stack = createNativeStackNavigator();

const App = () => {
  const [token, setToken] = useState(undefined);
  const getToken = async () => {
    try {
      const value = await AsyncStorage.getItem('@token');

      if (value === null || value === undefined) {
        setToken(null);
      } else {
        setToken(value);
      }
    } catch (e) {
      console.log(e);
    }
  };
  useEffect(() => {
    getToken();
  }, []);
  if (token === undefined) {
    return null;
  }
  return (
    <GlobalLocationProvider>
      <NavigationContainer>
        <Stack.Navigator
          screenOptions={{headerShown: false}}
          initialRouteName={token ? 'Vehicles' : 'Login'}>
          <Stack.Screen name="Login" component={Login} />

          <Stack.Screen
            name="Vehicles"
            component={Vehicles}
            initialParams={{token}}
          />
          <Stack.Screen name="ViewMap" component={ViewMap} />
          <Stack.Screen name="GlobalMap" component={GlobalMap} />
        </Stack.Navigator>
      </NavigationContainer>
    </GlobalLocationProvider>
  );
};
export default App;