text: import React from 'react'
  import {ScrollView, View, StyleSheet} from 'react-native'
  import {DrawerNavigator, DrawerItems} from 'react-navigation'
  import Home from './../screens/home/home'
  import Settings from './../screens/settings/settings'
  import SendTo from './../screens/transfer/sendTo'
  import Receive from './../screens/receive/receive'
  import Logout from './../screens/auth/logout'
  import DrawerHeader from './../components/drawerHeader'
  import Colors from './../config/colors'
  
  const RouteConfigs = {
      Home: {
          screen: Home,
      },
      Send: {
          screen: SendTo,
      },
      Receive: {
          screen: Receive,
      },
      Settings: {
          screen: Settings,
      },
      Logout: {
          screen: Logout,
      },
  }
  
  export default DrawerNavigator(RouteConfigs, {
  
      drawerOpenRoute:'DrawerOpen',
      drawerCloseRoute:'DrawerClose',
      drawerToggleRoute:'DrawerToggle',
      contentComponent: (props) => (
          <View style={styles.container}>
              <DrawerHeader navigation={props.navigation}/>
              <ScrollView>
                  <DrawerItems
                      {...props}
                      activeTintColor="#01C68B"
                      activeBackgroundColor="#485159"
                      inactiveTintColor="white"
                      inactiveBackgroundColor="transparent"
                      labelStyle={{margin: 15, alignItems: 'center', fontSize: 16, fontWeight: 'normal'}}
                  />
              </ScrollView>
          </View>
      ),
  })
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          backgroundColor: Colors.drawerColor,
      },
  })
  