title: React Native 'Modal' Component Not Covering Entire Screen on Android when using Full Screen Theme
body: <p>The title says it all. I've edited the styles.xml file (/projectname/android/app/src/res/values/styles.xml) to contain the following:</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-html lang-html prettyprint-override"><code>&lt;resources&gt;
      &lt;!-- Base application theme. --&gt;
      &lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
          &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
          &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
          &lt;item name="android:windowFullscreen"&gt;true&lt;/item&gt;
          &lt;item name="android:windowContentOverlay"&gt;@null&lt;/item&gt;
      &lt;/style&gt;
  &lt;/resources&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This code successfully makes the app fullscreen, removing the Android status bar. However, if I launch a React Native 'Modal' component the modal only extends as far to the top as where the edge of the status bar would have been, leaving a gap the size of a status bar. How would I modify the modal to extend all the way to the top?</p>
  
  <p>Here's a screenshot of the open modal with the gap:</p>
  
  <p><a href="https://i.stack.imgur.com/Aufh5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Aufh5.png" alt="Open modal with gap"></a> </p>