react-native drawer

drawer.js

import React from 'react';
import {createDrawerNavigator, DrawerItems} from 'react-navigation';
import Home from '../screens/Home';
import {Image} from "react-native";
import styles from '../styles/Drawer.style';
import Constants from '../constants/Constant';
import { Icon } from "react-native-elements";

const DrawerNav = createDrawerNavigator({
	"Now Playing": {
     navigationOptions: {
      drawerIcon: () => (
      	<Icon name='alarm' 
      	color='#F50057'/>
      ),
      },
    screen: (props) => <Home {...props} propName={Constants.TITLE_NOW_PLAYING} />
  },
  "Popular": {
  	navigationOptions: {
      drawerIcon: () => (
      	<Icon name='shop' 
      	color='#F50057'/>
      ),
      },
    screen: (props) => <Home {...props} propName={Constants.TITLE_POPULAR} />
  },
  "Top Rated": {
  	  navigationOptions: {
      drawerIcon: () => (
      	<Icon name='favorite' 
      	color='#F50057'/>
      ),
      },
    screen: (props) => <Home {...props} propName={Constants.TITLE_TOP_RATED} />
  },
  "Upcoming": {
  	  navigationOptions: {
      drawerIcon: () => (
      	<Icon name='book' 
      	color='#F50057'/>
      ),
      },
    screen: (props) => <Home {...props} propName={Constants.TITLE_UPCOMING} />
  }
}, {
  initialRouteName: 'Now Playing',
  drawerPosition: 'left',
  contentOptions: {
      activeTintColor: '#F50057',
      inactiveTintColor :'#1999CE',
      activeBackgroundColor :'#E8EAF6',
    },
  drawerOpenRoute: 'DrawerOpen',
  drawerCloseRoute: 'DrawerClose'
}
);

export default DrawerNav;