Eu vi vários exemplos utilizanto este então tentei. Sabe se pode ser algo na configuração do projeto?

Cola esse código e vê se funciona

import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: 'blue' }}>
      <Text style={{color: 'white'}}>Home Screen</Text>
    </View>
  );
}

const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator screenOptions={{ headerShown: false }}>
        <Stack.Screen name="Home" component={HomeScreen} options={{headerShown: false}}/>
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;
Com esse código primeiro me deu este erro: ![erro](https://i.ibb.co/Hz6XHb3/IMG-5712.png) Então adicionei um `independent={true}` no arquivo, mas continuo sem ocupar a tela inteira: ![a tela não está totalmente ocupada](https://i.ibb.co/mcKTmgC/IMG-5713.png)