title: Why won't my top level react-native component expand to the full dimensions?
body: <p>I'm using <code>next.js</code> if that matters and my <code>pages/_app.tsx</code> has:</p>
  
  <pre><code>function MyApp({ Component, pageProps }: AppProps) {
  
      return (
          &lt;PaperProvider theme={customTheme}&gt;
  
              &lt;View style={{ flex: 1, top: 0, left: 0, height: '100%', width: '100%', zIndex: 10, position: 'absolute', backgroundColor: 'red' }}&gt;
                  &lt;Text&gt; Here&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/PaperProvider&gt;
      )
  }
  
  export default MyApp
  </code></pre>
  
  <p>and <code>customTheme</code> is:</p>
  
  <pre><code>import { DefaultTheme } from 'react-native-paper';
  
  export const customTheme = {
      ...DefaultTheme,
      dark: false,
      colors: {
          ...DefaultTheme.colors,
          primary: '#247BA0',
          accent: '#70C1B3',
          error: '#FF1654',
          disabled: '#F3FFBD',
          placeholder: '#D3EDBE',
      }
  }
  </code></pre>
  
  <p>I see <code>Text</code>, but no red background. What am I missing?</p>