Já tentou enviar o código pro chatgpt? Para problema simples/comum é mais rápido ir a ele. E que me lembre a documentação do react navigation é boa e contém exemplos, compare os exemplos de lá com seu código pra ver se fez algo errado
Em resposta a Problemas com React-Navigation no arquivo tsx
1
1
Já enviei o código pro gpt ele falou que podia ser devido à alguma configuração de estilo ou algum problema de rota, mas não é porque o botão não está oculto e o arquivo que contém as rotas está semelhante ao exemplo da documentação da biblioteca.
2
Pode mandar o arquivo/componente de roteamento? Enquanto isso aqui está algumas perguntas que pode ajudar a encontrar o problema:
-
Tem ctz que é ele que está sendo chamado no Index para ser renderizado primeiro?- O componente com as rotas está sendo renderizado no App/index/root e os componentes das telas estão sendo renderizado através dela?
- Tem ctz que existe uma
Screencom umname="Boasvindas2"no router? Talvez você simplesmente colocou o nome da tela errado no navigate
-
Viu se apareceu um erro no console log depois de clicar no botão? Se está usando expo web o erro vai aparecer no console do devTools/f12 do navegador ao invés do vscode
-
O onPress está sendo disparado? Confirmou isso colocando um console log lá é clicando no botão para ver se aparecia a msg no console?
1
Esse código abaixo é o código do arquivo com as screens
`import { createStackNavigator } from "@react-navigation/stack";
import Boasvindas from '../pages/boas-vindas';
import Boasvindas2 from '../pages/boas-vindas2';
import Boasvindas3 from '../pages/boas-vindas3';
import Login from "../pages/login";
import Cadastro from "../pages/cadastro";
const Stack = createStackNavigator();
export default function Routes (){
return(
<Stack.Navigator>
<Stack.Screen
name = "Boasvindas"
component={Boasvindas}
options={{headerShown: false}}
/>
<Stack.Screen
name = "Boasvindas2"
component={Boasvindas2}
options={{headerShown: false}}
/>
<Stack.Screen
name = "Boasvindas3"
component={Boasvindas3}
options={{headerShown: false}}
/>
<Stack.Screen
name = "Login"
component={Login}
options={{headerShown: false}}
/>
<Stack.Screen
name = "Cadastro"
component={Cadastro}
options={{headerShown: false}}
/>
</Stack.Navigator>
);
}`
Enquanto esse é o código da página que contém o navigation Container
`import React from "react";
import { StatusBar } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import Routes from "./src/routes";
export default function App(){
return(
)
}
`