import React from 'react'; import {createDrawerNavigator} from 'react-navigation-drawer'; import { AppTabNavigator } from './AppTabNavigator' import CustomSideBarMenu from './CustomSideBarMenu'; import MyDonationScreen from '../screens/MyDonationScreen'; import NotificationScreen from '../screens/NotificationScreen'; import SettingScreen from '../screens/SettingScreen'; import MyReceivedBooksScreen from '../screens/MyReceivedBooksScreen'; import {Icon} from 'react-native-elements'; export const AppDrawerNavigator = createDrawerNavigator({ Home : { screen : AppTabNavigator, navigationOptions:{ drawerIcon : <Icon name="home" type ="fontawesome5" /> } }, MyDonations : { screen : MyDonationScreen, navigationOptions:{ drawerIcon : <Icon name="gift" type ="font-awesome" />, drawerLabel : "My Donations" } }, Notification : { screen : NotificationScreen, navigationOptions:{ drawerIcon : <Icon name="bell" type ="font-awesome" />, drawerLabel : "Notifications" } }, MyReceivedBooks :{ screen: MyReceivedBooksScreen, navigationOptions:{ drawerIcon : <Icon name="gift" type ="font-awesome" />, drawerLabel : "My Received Books" } }, Setting : { screen : SettingScreen, navigationOptions:{ drawerIcon : <Icon name="settings" type ="fontawesome5" />, drawerLabel : "Settings" } } }, { contentComponent:CustomSideBarMenu }, { initialRouteName : 'Home' })