Hago una aplicación con reaccionar nativo. Instalo todos los paquetes necesarios para usar la navegación de pila. Pero cuando abrí mi proyecto con la expo en la web. Recibí este error que ves en la imagen.
// In App.js in a new project 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' }}> <Text>Home Screen</Text> </View> ); } const Stack = createNativeStackNavigator(); function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default App;Por favor, ayuda. Traté de resolver esto durante dos días. Por favor, ayúdame. Tengo este error cada vez. Captura de pantalla de error 1
Use import {createStackNavigator} from '@react-navigation/stack'; en lugar de import { createNativeStackNavigator } from '@react-navigation/native-stack';
Prueba este código:
import { View, Text } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import {createStackNavigator} from '@react-navigation/stack'; function HomeScreen() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Home Screen</Text> </View> ); } const Stack = createStackNavigator(); function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default App;Usa esto, funcionó para mí:
import { createStackNavigator } from "react-navigation-stack"