Tentei implementar a navegação React, mas encontrei muitos erros, embora meus códigos sejam bem estruturados de acordo com os padrões de navegação. Não sei qual(is) poderia(m) ser o(s) erro(s) que me impediu(aram) de navegar pelos componentes.
Estou usando o React Native puro, não com o Expo
Eu esperava poder navegar de outro componente sem esses problemas. Espero que alguém resolva esse problema. Obrigado.
Aplicativo.js
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import AppNavigator from './components/AppNavigator';
import {StorageCon} from './components/StorageCon';
export default function App() {
return (
<NavigationContainer>
<AppNavigator/>
</NavigationContainer>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
AppNavigator.js
import { createStackNavigator } from "@react-navigation/stack";
import TitlescreenPage from "./TitlescreenPage";
const Stack = createStackNavigator();
const AppNavigator=()=>{
return(
<>
<Stack.Navigator>
<Stack.Screen name = "titlescreen" component={TitlescreenPage} />
</Stack.Navigator>
</>
);
};
export default AppNavigator;
insira a descrição da imagem aqui insira a descrição da imagem aqui