title: How to disable header in createDrawerNavigation from Reac Navigation in React Native
body: <p><strong>Background</strong></p>
  
  <p>While building a React Native application and using a <code>DrawerNavigator</code> from React Navigation I ended up needing to customize the header that comes with a <code>createDrawerNavigator</code>. I found that I can customize a <code>createStackNavigator</code> though.</p>
  
  <p><strong>createStackNavigator</strong></p>
  
  <ol>
  <li>Can hide the header</li>
  <li>Can customize the header. </li>
  </ol>
  
  <p><strong>createDrawerNavigator</strong></p>
  
  <ol>
  <li>Can NOT hide the header</li>
  <li>Can NOT customize the header. </li>
  </ol>
  
  <p><strong>Question</strong> </p>
  
  <p>How do I hide or customize the header that automatically is added to my app when using the <code>createDrawerNavigator</code> from React Navigation?</p>
  
  <p><strong>Example</strong></p>
  
  <p><strong><em>createStackNavigator</em></strong></p>
  
  <p><em>I can hide the header that appears when using <code>createStackNavigator</code> like this,</em> </p>
  
  <pre><code>const Secure = createStackNavigator(
    {
      Drawer: {
        screen: drawer,
      },
    },
    {
      initialRouteName: 'Drawer',
      headerMode: 'none',
    },
  );
  </code></pre>
  
  <p><strong><em>createDrawerNavigator</em></strong></p>
  
  <p>When using <code>createDrawerNavigator</code> nothing I try works to hide or customize the header. I have also searched the documentation and can not find anything referencing how to deal with the header in React Native navigation Version 3 for <code>createDrawerNavigator</code>.</p>