title: react Navigation 3.x open drawer from header button?
body: <p>I want to create a header on top with title for each screen and button on the right to open the drawer in react navigation 3.x</p>
  
  <p>In the code below the header does not show.</p>
  
  <p>//Updated with Current code</p>
  
  <pre><code>  import React, { Component } from 'react';
  import { Button } from 'react-native';
  import {
    createStackNavigator,
    createDrawerNavigator,
    createAppContainer
  } from 'react-navigation';
  
  import MyHomeScreen from './components/HomeScreen';
  import MyNotificationsScreen from './components/ProfileScreen';
  
  const MyDrawerNavigator = createDrawerNavigator(
    {
      Home: {
        screen: MyHomeScreen
      },
      Notifications: {
        screen: MyNotificationsScreen
      }
    },
    {
      initialRouteName: 'Home',
      navigationOptions: navigationOptionsHeader
    }
  );
  
  const navigationOptionsHeader = ({ navigation }) =&gt; {
    return {
      headerTitle: 'MY Home',
      headerRight: (
        &lt;Button
          onPress={() =&gt; navigation.toggleDrawer()}
          title="Info"
          color="#222"
        /&gt;
      )
    };
  };
  
  const AppContainer = createAppContainer(MyDrawerNavigator);
  
  class App extends Component {
    render() {
      return &lt;AppContainer /&gt;;
    }
  }
  export default App;
  </code></pre>