title: Hide header inside DrawerNavigator (react-navigation)
body: <p>Hye..</p>
  
  <p>I currently playing around react-navigation and trying to solve issue where header did not hide when Drawer open...</p>
  
  <p><a href="https://i.stack.imgur.com/mgYUV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mgYUV.png" alt="enter image description here"></a></p>
  
  <p>I hope anyone can share how to solve this buggy header..below I attached my code integration of DrawerNavigator inside StackNavigator.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const Home = DrawerNavigator({
    HomeMenu: { screen: HomeMenu },
    Messages: { screen: Messages },
    Notifications: { screen: Notifications },
    Badges: { screen: Badges },
    Leaderboard: { screen: Leaderboard },
    Profile: { screen: Profile },
    Logout: { screen: Logout }
  });
  
  const MainActivity = StackNavigator({
    Home: { screen: Home }
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you in advance!</p>