Perguntas com a tag [react-navigation]
A tag react-navigation não tem possui recomendações de uso.
74
perguntas
0
votos
0
respostas
21
visitas
React Navigation com Typescript | Erro ao acessar a rota
Estou tentando criar uma navegação de rotas do tipo Stack pro meu app em React Native em Typescript, pra isso estou usando a biblioteca React Navigation. No meio dessa navegação está uma autenticação ...
-1
votos
1
resposta
208
visitas
Componente <Navigate /> não redireciona corretamente
Estou tentando implementar rotas em uma aplicação minha usando react-router-dom, e nessa parte, quero redirecionar o usuário após ele fazer o login corretamente para outra rota, mas por algum motivo ...
-2
votos
0
respostas
40
visitas
crash forçando reload no app [fechada]
Durante uma operação de pagamento com SDK (Cielo e SafraPay), nosso app está sofrendo um reload aparentemente em casos aleatórios ou esporádicos.
Não consegui reproduzir em ambiente Dev, mas o nosso ...
2
votos
0
respostas
128
visitas
Como navegar entre telas no React Native?
Seguinte, tenho um arquivo de rotas, app.routes.js, nele criei um MaterialBottomTabNavigator e está funcionando perfeitamente. Mas estou com a seguinte duvida. Por exemplo, dentro da minha tela de &...
0
votos
1
resposta
664
visitas
ReactJs - Ao clicar em Link, a URL troca mas os componentes não são renderizados
Estou tentando fazer uma navegação entra páginas em um projeto ReactJS.
A versão do react é 18.1.0
Estou usando o pacote react-router-dom versão 5.2.0
No meu componente App tenho o seguinte código:
...
-1
votos
1
resposta
73
visitas
Usando o navigation condicionalmente react-native
Estou enviando dados para uma API e ao receber tudo ok gostaria que direcionasse o usuário para outra página, porém, se der algum erro, exiba um modal de erro e um HelpText de baixo dos inputs e ...
1
voto
1
resposta
131
visitas
React JS - Tabs - Como deixar o primeiro aberto por default através do estado?
Tenho o seguinte componente que monta tabs na página:
// * Components
// * Natives
import { useState } from 'react';
// * Render
export default function Accordeon(props){
const data = props.data;...
0
votos
1
resposta
37
visitas
React navigation não redireciona na primeira vez
Boa noite, tenho um preload que redireciona o usuário para determinadas telas de acordo com alguns parâmetros, ele somente redireciona quando eu atualizo a tela do emulador.
import { StackActions, ...
-1
votos
1
resposta
570
visitas
Como faço pra tirar a seta de voltar do React Native?
Meu código no App.js:
const Stack = createNativeStackNavigator();
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen ...
-1
votos
1
resposta
303
visitas
Não estou conseguindo resolver o seguinte erro no meu navigator
Error: Couldn't find a 'component', 'getComponent' or 'children' prop for the screen 'Home'. This can happen if you passed 'undefined'. You likely forgot to export your component from the file it's ...
-1
votos
1
resposta
2mil
visitas
React Navigation - Como esconder uma tela do menu que está dentro de Bottom Tabs
Criei uma rota em meu aplicativo usando o Tab.Navigator, e todas as telas que coloco dentro da rota ele gera um ícone no menu do aplicativo, porém gostaria de criar uma tela de 'detalhes' e não quero ...
0
votos
0
respostas
180
visitas
Não estou conseguindo renderizar o conteúdo do TabNavigation
Implementei o BottomTabNavigation do React Navigaton em um app e tem duas tabs: home e sobre. O sobre.js possui conteúdo, mas não aparece na tela, pensei que estivesse atras de outro componente mas ...
0
votos
1
resposta
938
visitas
Problema com Stack Navigator - React Native
Eu estou desenvolvendo um aplicativo em React Native e estou usando expo, eu estou tendo problemas com Stack Navigator, já revirei a documentação, não sei mais o que fazer.
No App.js tenho isso:
...
0
votos
1
resposta
91
visitas
Navegação via programação React Navigation
Existe alguma forma de fazer uma navegação programática usando a lib @react-navigation no React Native?
Estou fazendo validações fora dos arquivos do React .JSX e queria fazer um "push" em ...
-1
votos
1
resposta
126
visitas
Alerta ao tentar usar Drawer Navigation
Peço que os amigos tentem fazer o seguinte.
Iniciem um projeto React Native (aqui estou usando a versão 0.64.1), instalem as dependências sugeridas para o uso do React Navigation (aqui estou usando a ...
0
votos
2
respostas
1mil
visitas
Passando parametro navigation do stack navigation pra componente filho
Sou novo em react native e estou construindo um app onde preciso repedir varias vezes o mesmo código com apenas algumas diferenças, então logico que eu estou criando componentes pra isso, porem em um ...
0
votos
1
resposta
2mil
visitas
React Navigation passando parâmetros para rota irmão Stack
Olá, tenho a seguinte estrutura:
Workouts
index.jsx
WorkoutInfo
index.jsx
Home
index.jsx
Profile
index.jsx
Notifications
index.jsx
É uma página Home normal e uma página Workouts que mostra ...
-1
votos
1
resposta
580
visitas
Não consigo renderizar elementos dinamicamente usando forEach
Gostaria de saber se tem como renderizar o componente Drawer.Screen dentro de Drawer.Navigator, de forma dinâmica. Tentei fazer colocando os componentes em um array (materias/index.js) e percorre-los ...
-1
votos
2
respostas
1mil
visitas
Como Desabilitar Botão de Voltar React Native
Olá, gostaria de saber como eu debilito o botão de voltar da createMaterialTopTabNavigator, do react-native, na versão 5.
Consegui Desabilitar o botão nativo dessa forma:
import React, {useEffect} ...
0
votos
0
respostas
193
visitas
Erro de navegação com React Native
Eu estou desenvolvendo uma aplicação em React Native com tres tipos de navegações: Drawer, Bottom Tab e Stack Navigator. Eu inseri esses tres tipos de navegação porém mostra o seguinte erro:
Ele fala ...
0
votos
1
resposta
574
visitas
Problema ao importar função em React Native
Oi, estou fazendo um app em react native usando expo e estou tendo o seguinte error;
já tentei de tudo, até aonde eu entendo ele não está reconhecendo a função LoginScreen em;
<Stack.Screen name=...
-2
votos
1
resposta
704
visitas
Passar parâmetro para componente da Tab.Screen
Como passar parâmetros para o componente da Tab Screen?
Ficha/index.js:
import Historico from './Historico';
export default function Ficha({ route, navigation }) {
const { periodo } = route.params;...
-2
votos
2
respostas
2mil
visitas
Validar campos no react native
Tenho uns campos de input, ambos estão setados os estados. Gostaria de fazer com que só permita o clique no botão se esses campos estiverem preenchidos. obs:.Estou Usando Hooks
const [ name, setName ] ...
-1
votos
1
resposta
367
visitas
Não consigo navegar em rotas de diferentes stacks com react navigation
Eu tenho 3 arquivos de rotas.
Contem as rotas que o usuario pode acessar sem necessidade de estar logado, no meu caso so a tela de signin.
import React from 'react';
import { ...
-1
votos
1
resposta
2mil
visitas
TypeError: Cannot read property 'navigate' of undefined
Consigo fazer o navigation da minha pagina de Main para pagina Home mas não consigo fazer da Home para Atletas, sendo que a configuração ta igual.
Estou usando um cara no meio, então seria da minha ...
-2
votos
1
resposta
556
visitas
Problemas para renderizar na tela no React Native
Estou com problemas ao colocar na tela um simples "Página main" o que está errado no código? (no console não aparece nenhum erro)
Arquivo main.js
import React, { Component } from 'react'
...
0
votos
1
resposta
737
visitas
Como mudar um state de um component no react navigation
Eu preciso mudar um state dentro de uma função do react navigation, esse state vai alterar um comportamento no component
function TabOneNavigator({navigation}) {
React.useEffect(() => {
...
-2
votos
2
respostas
122
visitas
Erro em busca pontos de coleta
Na semana passada acompanhei a Next Level Week, que trouxe a ideia de criar um sistema para Mobile e Web, a parte web consegui fazer, tudo conforme o vídeo. mas eu estou com um problema até agora na ...
0
votos
1
resposta
1mil
visitas
React Navigation com TypeScript
Criei um projeto com React-Native e TypeScritpt, importei os componentes do React-Navigation e ao usar a propriedade screenOptions dentro do Navigation ele apresenta o seguinte erro.
No overload ...
0
votos
1
resposta
203
visitas
React Navigation | Como usar Navigation dentro de um componente React?
Tenho um app com uma tela principal onde tudo deve acontecer. Estou usando a lib react-calendars para renderizar o calendário e em baixo há o conteúdo da aplicação, que seria dividido em 3 tabs, uma ...
-1
votos
1
resposta
1mil
visitas
Check User login React Navigation
No React Navigation 5 não existe mais o Switch Navigator. No Doc de Upgrading a solução proposta pra impedir do usuário voltar a tela de login é esse if ternário que verifica se o User está logado.
...
-1
votos
1
resposta
3mil
visitas
Como mudar de uma página para outra no React Native
Eae galera, estou iniciando no React Native, e estou desenvolvendo um App, para o meu TCC, este aplicativo é sobre Jogadores de Futebol, e tem uma tela que aparece uma lista destes jogadores, e ...
-1
votos
1
resposta
123
visitas
Dispatch Drawer não funciona
estou tentanto implementar um drawer em meu app. Como eu quero somente em uma das minhas screens. Ao tentar implementar, eu senti algumas dificuldades. Então fiz passo a passo para não se perder.
...
0
votos
2
respostas
4mil
visitas
Atualizar useEffect da página navigation.goBack?
Estou desenvolvendo um App em ReactNative utilizando Expo, porém não consigo atualizar o useEffect(() => {}, []) da rota anterior vinda de navigation.goBack().
Exemplo:
Aqui tempo a página Index.
...
-1
votos
1
resposta
731
visitas
Problema na hora de colocar um StackNavigator dentro do DrawerNavigator
Estou com um problema na hora de criar um navegador Stack na screen Home. Eu coloquei um button e queria que navegasse para a outra screen "Map".
Porém dá esse erro na hora de abrir o programa:
...
-1
votos
1
resposta
97
visitas
Meu Drawer abre, mas não exibe as páginas, como exibir minhas páginas no Drawer navigator (React Native)
estou utilizando o React Navigation v4. Criei um arquivo routes para redirecionar as minhas páginas. Porém estou com um problema: Criei um drawer navigator, e ele está sendo exibido, mas quando ele ...
-1
votos
1
resposta
664
visitas
Acessar pagina de outro navigation usando nested navigation
Estou tentando acessar uma pagina, no react-native, que está em outra rota e está ocorrendo o seguinte erro:
"The action 'NAVIGATE' with payload '{"name":"Routes,"params":{"type":"Navigation/...
0
votos
1
resposta
1mil
visitas
Como receber um dado em um componente React Native?
Olá, Pessoal! Estou estudando react native e me deparei com um problema que não consegui resolver, tentei de todas as maneiras e procurei em vários lugares :(
Tenho uma lista de funcionários e cada ...
3
votos
1
resposta
101
visitas
React native Hooks
Possuo essas duas classes e quero passar para duas funções, sem utilizar this. Apenas com Hoocks(useNavigation).
Página Home:
import React, { Component } from 'react'
import { Text, View, ...
-1
votos
1
resposta
4mil
visitas
(React Native) TypeError: undefined is not an object (evaluating '_this.props.navigation')
Não consigo resolver este erro.. alguém me ajuda
Eu clico no botão para ir para outra pág e ele aparece.. segue o código:
[Esse é o código do componente menu, nele tem uma lista de botões com essa ...
0
votos
1
resposta
568
visitas
Erro 4294963238 - react-native-gesture-handler com EXPO
Estou utilizando o Expo juntamente com o React, e quando tento instalar o react-native-gesture-handler com o comando expo install react-native-gesture-handler tenho o seguinte erro:
npm ERR! code ...
-1
votos
2
respostas
2mil
visitas
Estilizando o header da pagina com o createAppContainer e o createMaterialTopTabNavigator
Boa noite pessoal, estou tendo dificuldade com estilização do header, pois eu criei uma screen principal e nela crei e importei as tabs. Nesse mesmo arquivo eu chamo 3 tabs screen (negócios, contato, ...
1
voto
1
resposta
3mil
visitas
TypeScript com React-navigation
estou com uma duvida em typar o prop Navigation de um componente funcional, meu codigo atualmente esta assim:
import React from 'react';
import { Container, Button, ButtonText } from './styles';
...
-1
votos
1
resposta
1mil
visitas
Navegar entre diferentes pilhas em React Native com react-navigation
Objetivo: Navegar da screen LoginScreen para screen MainScreen
Codigo das rotas em routes.js:
const AuthenticationNavigator = createStackNavigator({
Login: {
screen: LoginScreen,
...
-1
votos
1
resposta
1mil
visitas
É possível atualizar uma guia com o react navigation sempre que eu acessa-lá?
É possível atualizar uma guia com o react navigation sempre que eu acessa-lá?
por exemplo tenho 2 guias "Home" e "Settings"...
Se na guia home eu usar navigation.navigator('Settings'), a guia vai ...
-1
votos
1
resposta
942
visitas
React-Native: o ícone Home não aparece após a adição do Stack Navigator
Olá!
Quando adiciono apenas o TabNavigator, todos os ícones aparecem na guia, no entanto, quando adiciono o stackNavigator, no arquivo Home.js, apenas o primeiro ícone (Início) não aparece. Procurei ...
0
votos
1
resposta
292
visitas
Menu Lateral não é exibido no app feito em React-Native
Estou desenvolvendo um APP no react-native, nele preciso exibir um menu-lateral esquerdo. Embora não exibe nenhuma mensagem de erro, não aparece o menu lateral.
Estou usando o react-navigation-drawer ...
0
votos
1
resposta
23
visitas
MaterialBottomTabs - Fora do limite da tela
Olá,
Estou desenvolvendo um app com o Expo e estou usando o React Navigation para realizar as navegações e o MaterialBottomTabs na tela principal. Quanto teste o app no Expo Client do Android ...
-1
votos
1
resposta
1mil
visitas
React Native erro no react-navigation-stack no Android
Ola, eu já tentei resolver este problema com varias soluções e nada, da-me sempre o mesmo erro.
Fiz todos os procedimentos que me diz la no site dele para eu fazer, createStackNavigator, e mesmo ...
0
votos
1
resposta
132
visitas
Como troco o nome do title por meio do i18next nas navegações do react native?
Estou com um problema para trocar o nome do tabBarLabel do createMaterialBottomTabNavigator por meio do i18next, porque as rotas não são funções e nem componente, por isso fiz por este modo, mas ainda ...