title: Hide drawer navigation header
body: <p>I'm trying to hide Drawer Header on react native application. Currently,using <code>react-navigation ^1.5.12</code>.
  * I want to delete grey header</p>
  
  <p><a href="https://i.stack.imgur.com/QyVFh.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>My code look like this.
  Router.js</p>
  
  <pre><code>const HomeStack = DrawerNavigator({
    Home: { screen: Home },
    Message: { screen: Message },
    History: { screen: History },
    Settings: { screen: Settings },
  }, {
    contentComponent: DrawerMenu,
    drawerWidth: 240,
    // Explicitly set the default screen to use
    initialRouteName: 'Home',
  });
  
  export default const MainStack = StackNavigator({
    LoggedInHome: { screen: HomeStack },
    Notification: { screen: Notification },
  }, {
    // Explicitly set the default screen to use
    initialRouteName: 'Home',
  });
  </code></pre>
  
  <p>I added <code>header: null</code> on each screen also.</p>
  
  <p>DrawerMenu.js</p>
  
  <pre><code>export default class DrawerMenu extends React.Component {
    static navigationOptions = {
      header: null
    }
  
    navigateToScreen = (route) =&gt; () =&gt; {
      const navigateAction = NavigationActions.navigate({
        routeName: route
      });
      this.props.navigation.dispatch(navigateAction);
    }
  
    render() {
      return (
        &lt;View&gt;
          &lt;TouchableOpacity
            onPress={this.navigateToScreen('Home', { isStatusBarHidden: false })}
          &gt;
            &lt;Text&gt;Home&lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
  ...
  </code></pre>