text: import React from 'react'
  import { createStackNavigator } from '@react-navigation/stack'
  import BadgesTabNavigator from '../BadgesScreen/BadgesTabNavigator'
  import BadgeLanding from '../BadgesLanding/BadgeLanding'
  import Colors from '../../res/Colors'
  
  const Stack = createStackNavigator();
  
  const AppStack = () => {
      return(
          <Stack.Navigator
              screenOptions={{
                  headerShown: false,
                  headerStyle:{
                      backgroundColor: Colors.charade,
                      shadowColor: Colors.charade,
                  },
                  headerTintColor: Colors.white,
              }}>
              {/* Here are the screens to travel */}            
              <Stack.Screen 
                  name="BadgeLanding" 
                  component={BadgeLanding} 
                  options={{headerShown: false}} />
              <Stack.Screen 
                  name="BadgesTabNavigator" 
                  component={BadgesTabNavigator}/>
          </Stack.Navigator>
      );
  }
  
  export default AppStack;