title: Drawer with navigation header
body: <p>I decide to give a try to the new react native navigator: <a href="https://reactnavigation.org" rel="nofollow noreferrer">link</a>
  What I am trying to do is to have a header with hamburger and when pressing the hamburger the drawer to be shown (something standard for every mobile application). Here is what I did:</p>
  
  <pre><code>const AppDrawer = DrawerNavigator({
      Home: { screen: HomeFeed },
      Notifications: { screen: Notifications }
  });
  
  const App = StackNavigator({
      Home: { screen: AppDrawer }
  });
  
  AppDrawer.navigationOptions = {
      title: 'Home Feed',
      header: () =&gt; ({
          // Render a button on the right side of the header
          // When pressed switches the screen to edit mode.
          left: (
              &lt;Button
                  title={'Drawer'}
              /&gt;
          ),
          tintColor: '#007AFF',
      })
  };
  </code></pre>
  
  <p>And here is the result:</p>
  
  <p><a href="https://i.stack.imgur.com/YMwwL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YMwwL.png" alt="enter image description here"></a></p>
  
  <p>The drawer is under the header when opened. Also the left button is not visible, the tint color is not changing. </p>