Customising Drawer and Drawer items.

CustomDrawer.md

CustomDrawer

In order to figure it out I searched react-navigation issues and found this

export default DrawerNavigator(
  {
      Map: {
        path: '/',
        screen: MapScreen,
      },
      Compass: {
        path: '/compass',
        screen: CompassScreen,
      },
  },
  {
    initialRouteName: 'Map',
    contentOptions: {
      activeTintColor: Colors.tabIconSelected,
    },
    contentComponent: props => <ScrollView><DrawerItems {...props} /></ScrollView>
  }
);

now editing contentComponent

contentComponent: props => (
        <ScrollView>
            <View>
                <DrawerItems
                  {...props}
                  getLabel = {(scene) => (
                    <View>
                      <Text>{props.getLabel(scene)}</Text>
                    </View>
                  )}
                />
            </View>
        </ScrollView>
    )

now I can customize the entire Drawer.