He tenido un problema con NavigationContainer de react-navigation/native. Sigo recibiendo un error que dice:
ReferenceError: Can't find variable: NavigationContainer import { NavigationContainer } from '@react-navigation/native'; importado en la parte superior pero sigo recibiendo el mismo error. Revisé el paquete.json y está instalado. También desinstalé node_modules dos veces y sigo teniendo el mismo problema.
"dependencies": { "@react-native-community/masked-view": "^0.1.11", "@react-navigation/native": "^5.9.8", "@react-navigation/stack": "^5.3.5",Aquí está mi código app.js:
import React from 'react'; import { Text, View } from 'react-native'; import { createStackNavigator } from '@react-navigation/stack'; import Screen from './app/components/Screen'; import { NavigationContainer } from '@react-navigation/native'; const Tweets = () => ( <Screen> <Text>Tweets</Text> </Screen> ); const TweetDetails = () => ( <Screen> <Text>Tweet Details</Text> </Screen> ); const Stack = createStackNavigator(); const StackNavigator = () => ( <StackNavigator> <Stack.Screen name="Tweets" component={Tweets} /> <Stack.Screen name="TweetDetails" component={TweetDetails} /> </StackNavigator> ); export default function App() { return ( <NavigationContainer> <StackNavigator /> </NavigationContainer> ) }Por favor, ayúdame a encontrar el origen del problema, ¡gracias!
Este bloque tiene StackNavigator como recursivo.
const StackNavigator = () => ( <StackNavigator> <Stack.Screen name="Tweets" component={Tweets} /> <Stack.Screen name="TweetDetails" component={TweetDetails} /> </StackNavigator> ); Cambiar el StackNavigator interno a Stack.Navigator debería resolver el problema.
const StackNavigator = () => ( <Stack.Navigator> <Stack.Screen name="Tweets" component={Tweets} /> <Stack.Screen name="TweetDetails" component={TweetDetails} /> </Stack.Navigator> );