Recién comencé a aprender reaccionar nativo e intenté hacer una navegación con reaccionar-navegación. El problema es que me sale este error y no se que hacer. Revisé otras respuestas que no me funcionaron.

Mi código: App.js

 import React from 'react'; import { Button, SectionList, StyleSheet, View, Text, TextInput } from 'react-native'; import Constants from 'expo-constants'; import { createSwitchNavigator, createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack'; import Login from "./Login" import AppNavigator from './Navigation'; export default class App extends React.Component { state = { } render() { return ( <AppNavigator /> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });

Navegación.js

 import React from 'react'; import { Button, SectionList, StyleSheet, View, Text, TextInput } from 'react-native'; import Constants from 'expo-constants'; import { createSwitchNavigator, createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack'; import Login from "./Login" const AuthNavigator = createSwitchNavigator({ Login: Login }) const AppNavigatorStack = createSwitchNavigator({ Auth: AuthNavigator }) const AppNavigator = createAppContainer(AppNavigatorStack) export default AppNavigator;

Iniciar sesión.js

 import React from 'react'; import { Button, SectionList, StyleSheet, View, Text, TextInput } from 'react-native'; import Constants from 'expo-constants'; export default class Login extends React.Component { render() { return ( <View> <Text> test </Text> </View> ) }