title: How Can I add Hamburger icon menu in React-Native
body: <p>I am fairly new to Navigation in react-native but i have been able to pick up few things here now i want o add the Hamburger icon to it to do a Proper Menu bar. Since i am fairly new to this, I need help in every way.</p>
  
  <p>My code Looks something like this </p>
  
  <pre><code>import React , {Component} from 'react';
  import {  View, Text, Image , StyleSheet } from 'react-native';
  import { createAppContainer } from 'react-navigation';
  import { createDrawerNavigator } from 'react-navigation-drawer';
  
  class Home extends React.Component{
    static navigationOptions = {
      drawerLabel: 'Home',
      drawerIcon: ({ tintColor }) =&gt; (
        &lt;Image
          source={{uri:'http://imageholder.freeasphost.net/home.png'}}
          style={[styles.icon, { tintColor: tintColor }]}
        /&gt;
      ),
    };
    render()
    {
      return(
        &lt;View&gt;
          &lt;Text&gt; Welcome to Home screen&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  class Profile extends React.Component{
    static navigationOptions = {
      drawerLabel: 'Profile',
      drawerIcon: ({ tintColor }) =&gt; (
        &lt;Image
          source={{uri:'http://imageholder.freeasphost.net/profile.png'}}
          style={[styles.icon, { tintColor: tintColor }]}
        /&gt;
      ),
    };
    render()
    {
      return(
        &lt;View&gt;
          &lt;Text&gt;Welcome to Profile screen&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  class Settings extends React.Component{
    static navigationOptions = {
      drawerLabel: 'Settings',
      drawerIcon: ({ tintColor }) =&gt; (
        &lt;Image
          source={{uri:'http://imageholder.freeasphost.net/settings.png'}}
          style={[styles.icon, { tintColor: tintColor }]}
        /&gt;
      ),
    };
    render()
    {
      return(
        &lt;View&gt;
          &lt;Text&gt;Welcome to Settings Screen&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const MyDrawerNavigator = createDrawerNavigator({
    Home:{
      screen:Home
    },
    Settings:{
      screen:Settings
    },
    Profile:{
      screen:Profile
    },
  });
  
  const MyApp = createAppContainer(MyDrawerNavigator);
  
  export default class App extends Component {
  
    render() {
      return (
          &lt;MyApp/&gt;  
      );
    }
  }
  
  const styles = StyleSheet.create({
    icon: {
      width: 24,
      height: 24,
    },
  });
  </code></pre>
  
  <p>Like i wanted to use some drawer navigation uri to do it but how to start is the main worry, hence I wanted to know how and what i must do.</p>