title: React Native Navigation Drawer overlap status bar
body: <p><a href="https://i.stack.imgur.com/gxgmz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gxgmz.png" alt="enter image description here"></a></p>
  
  <p>The <a href="https://reactnavigation.org/docs/navigators/drawer" rel="nofollow noreferrer">React Navigation Drawer</a> overlaps with the Android status bar. Is there a way to prevent that? Source <a href="https://github.com/react-community/react-navigation/blob/master/examples/NavigationPlayground/js/Drawer.js#L46" rel="nofollow noreferrer">here</a></p>
  
  <pre><code>contentOptions: {
    style: {
      marginTop: 24,
    },
  },
  </code></pre>
  
  <p>This only gives margin to the content, not the whole drawer.</p>