App.js

import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

const Drawer = createDrawerNavigator();

import HomeScreen from './drawer/Home';
import Map from './drawer/MainMap';
import Social from './drawer/Social';


export default function App() {
  const myOptions = {
    headerTitleAlign: 'center', 
    headerTintColor: 'cyan', 
    fontSize: 16, 
    fontWeight: 'bold', 
    headerStyle: { backgroundColor: 'darkorange'}
  }

  return (
    <NavigationContainer>
    <Drawer.Navigator>
      <Drawer.Screen name="Home" component={HomeScreen} options={myOptions}/>
      <Drawer.Screen name="Map" component={Map} options={myOptions}/>
      <Drawer.Screen name="Social" component={Social} options={myOptions}/>
    </Drawer.Navigator>
    </NavigationContainer>
  );
}