Eu vi vários exemplos utilizanto este então tentei. Sabe se pode ser algo na configuração do projeto?
Respondendo a "Já tentou com expo router?" dentro da publicação [Dúvida] View React native/Expo não está ocupando a tela inteira
1
1
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;
1
Com esse código primeiro me deu este erro:
Então adicionei um independent={true}
no arquivo, mas continuo sem ocupar a tela inteira: