App.js

import * as React from 'react';
import { Button, View } from 'react-native';
import { createDrawerNavigator} from '@react-navigation/drawer';
import { NavigationContainer} from '@react-navigation/native';
import Quotes from './screens/Quotes';
import Competitive from './screens/Competitive';
import Backend from './screens/Backend';
import Appdev from './screens/Appdev';
import Database from './screens/Database';
import Editors from './screens/Editors';
import Libraries from './screens/Libraries';
import Utilities from './screens/Utilities';
import Misc from './screens/Misc';
import Home from './screens/Home';
import Contribute from "./screens/Contribute";



const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator 
      initialRouteName="Home"
      drawerStyle={{
        backgroundColor: 'black',
        width:240
      }}
      drawerContentOptions={{
        activeTintColor: '#e91e63',
        inactiveTintColor: 'white',
        labelStyle:{
          fontSize:20,
        }
      }}
      >
        <Drawer.Screen name="Home" component={Home} />
        <Drawer.Screen name="Quotes" component={Quotes} />
        <Drawer.Screen name="Competitive" component={Competitive}/>
        <Drawer.Screen name="Web" component={Backend}/>
        <Drawer.Screen name="Mobile" component={Appdev}/>
        <Drawer.Screen name="Database" component={Database}/>
        <Drawer.Screen name="Editors" component={Editors}/>
        <Drawer.Screen name="Libraries" component={Libraries}/>
        <Drawer.Screen name="Utilities" component={Utilities}/>
        <Drawer.Screen name="Misc" component={Misc}/>
        <Drawer.Screen name="Contribute" component={Contribute}/>
    

      </Drawer.Navigator>
    </NavigationContainer>
  );
}