title: React Native <NavigationContainer> not styling
body: <p>Building a Signal clone and trying to have my  to be styled from my StyleSheet. Here is the code</p>
  <pre><code>import &quot;react-native-gesture-handler&quot;;
  import { StatusBar } from &quot;expo-status-bar&quot;;
  import React from &quot;react&quot;;
  import { StyleSheet, Text, View } from &quot;react-native&quot;;
  import { NavigationContainer } from &quot;@react-navigation/native&quot;;
  import LoginScreen from &quot;./screens/LoginScreen&quot;;
  import { createStackNavigator } from &quot;@react-navigation/stack&quot;;
  import RegisterScreen from &quot;./screens/RegisterScreen&quot;;
  
  const Stack = createStackNavigator();
  
  const globalScreenOptions = {
    headerStyle: { backgroundColor: &quot;#2C6BED&quot; },
    headerTitleStyle: { color: &quot;white&quot; },
    headerTintColor: &quot;white&quot;,
  };
  
  export default function App() {
    return (
      &lt;NavigationContainer&gt;
        &lt;Stack.Navigator screenOptions={globalScreenOptions}&gt;
          &lt;Stack.Screen name=&quot;Login&quot; component={LoginScreen} /&gt;
          &lt;Stack.Screen name=&quot;Register&quot; component={RegisterScreen} /&gt;
        &lt;/Stack.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: &quot;#fff&quot;,
      alignItems: &quot;center&quot;,
      justifyContent: &quot;center&quot;,
    },
  });
  
  
  </code></pre>
  <p>I have tried to put everything in a   tag to get it to be affected by the StyleSheet, but that won't work either. I'm unable to find any other similar posts to this question</p>