[Dúvida] View React native/Expo não está ocupando a tela inteira

Eu tenho um projeto bem simples em React Native, com a ferramenta do expo, mas o componente que estou utilizando como contâiner não está funcionando como desejado. Segue o código da página em questão:

import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}></View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'blue'
  },
});

Contudo, a View com o estilo container é renderizada da seguinte maneira(ocupando apenas o que seria a safe area da tela):

Segue também o script que uso para gerenciar as telas:

import * as React from 'react';
import { View } from 'react-native';
import App from './home';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function MyStack() {
    return (
        <NavigationContainer independent={true}>
           <Stack.Navigator screenOptions={{headerShown: false}}>
              <Stack.Screen name="Home" component={App}/>
            </Stack.Navigator>
        </NavigationContainer>
    );
};