Respostas interessantes marcadas com a tag

5 votos
Aceito

undefined is not an object (evaluating '_this.props.navigation.navigate') React Native

O que deve estar acontecendo é o seguinte, quando você utiliza o React Navigation, o "navigation" é passado como props para as páginas que você colocar na rota. Porém, dentro desta página, os ...
Bins's user avatar
  • 3.842
3 votos
Aceito

Como receber um dado em um componente React Native?

Você precisa passar os parâmetros pela rota utilizando o navigation do react navigation, adicionando um objeto com as informações: navigation.navigate('Home', { post: postText }); Para pegar na ...
Eduardo Araya Jezine's user avatar
2 votos
Aceito

Menu Lateral não é exibido no app feito em React-Native

De acordo com o seu comentário, o menu aparece se você adicionar um botão em alguma tela. Para fazer o menu aparecer ao desligar, será necessário editar o arquivo MainActivity.java, dentro do seu ...
Bins's user avatar
  • 3.842
2 votos
Aceito

React Navigation passando parâmetros para rota irmão Stack

Navigators aninhados não recebem eventos de seus pais Dada a seguinte estrutura: Home (Home) AllWorkouts (WorkoutStack) AllWorkouts (Workouts) WorkoutInfo (WorkoutInfo) Profile (Profile) ...
Rafael Tavares's user avatar
2 votos
Aceito

React native Hooks

Código alterado: import React, { } from 'react' import { View, Text, StyleSheet, TouchableOpacity, SafeAreaView } from 'react-native' import { useNavigation } from '@react-navigation/native' import ...
gmtlme's user avatar
  • 150
2 votos

Não consigo fazer o redirecionamento para outra tela

Voce não precisa da pagina AuthLoadingScreen para fazer o redirecionamento, você pode simplesmente fazer isso na pagina de login. componentDidMount() { const logado = true; if (logado === true) ...
Luis Eduardo's user avatar
2 votos
Aceito

Não consigo fazer o redirecionamento para outra tela

De acordo com o seu código, a função "getToken" (do arquivo AuthService) faz a leitura do token. Você usou o async/await nesta função, mas, no seu arquivo "Auth Loading Screen", não usou o "await" ...
Bins's user avatar
  • 3.842
2 votos
Aceito

Passando parametro navigation do stack navigation pra componente filho

Hook useNavigation Uma outra alternativa, além da dada pelo @LucasSouza, é usar o hook useNavigation. Como a própria documentação diz, ele é mais útil quando você não quer passar a prop navigation ...
Gustavo Sampaio's user avatar
2 votos
Aceito

ReactJs - Ao clicar em Link, a URL troca mas os componentes não são renderizados

Bem, resumidamente existe um problema de compatibilidade entre o react@18 e o react-router-dom@5 https://github.com/remix-run/react-router/issues/7870 Você pode solucionar o problema das seguintes ...
Forsaiken's user avatar
  • 408
1 voto
Aceito

React JS - Tabs - Como deixar o primeiro aberto por default através do estado?

Ao meu ver trocar null pelo id do estado que possui o parametro active definido como true deveria funcionar, perceba que nesse seu código o null atua como um valor padrão, pq quando nenhum id está com ...
GUILearn's user avatar
  • 171
1 voto

Passando parametro navigation do stack navigation pra componente filho

Uma alternativa pro seu caso seria centralizar no seu componente Main as funções de navegação e descer essas funções via ligação direta, exemplo: export default Main = ({navigation}) => { const ...
Lucas Souza's user avatar
1 voto
Aceito

Destruir tela ao Navegar pelo DrawerMenu em React Native

Consegui resolver meu problema apenas adicionando a propriedade unmountInactiveRoutes: true diretamente nas propriedades do DrawerNavigator, assim toda vez que mudo de tela, ele desmonta a tela que ...
Luan Martins Gepfrie's user avatar
1 voto
Aceito

Erro 4294963238 - react-native-gesture-handler com EXPO

Bom dia, basta executar o cmd como administrador e rodar o seguinte comando: npm install --global windows-build-tools, feito isso apenas execute expo install react-native-gesture-handler novamente que ...
gmtlme's user avatar
  • 150
1 voto

TypeScript com React-navigation

Tive a mesma duvida e consegui resolver fazendo uma interface e utilizando o NavigationStackProp ele irá mapear propriedades para dentro da função. Exemplo da Interface: interface iHomeProps { ...
Djalma Junior's user avatar
1 voto

É possível atualizar uma guia com o react navigation sempre que eu acessa-lá?

Quando você abre a tela pela primeira vez, é executado o "componentDidMount" para montar a tela, se você continuar navegando, ele não vai ser mais executado. Você pode mudar este comportamento ...
Bins's user avatar
  • 3.842
1 voto
Aceito

Não consigo renderizar elementos dinamicamente usando forEach

.forEach() vs .map() Quando desejar exibir algum tipo de lista num componente em React, use o Array.map(), pois além da função desejada ser executada, é retornado um resultado para cada elemento do ...
Rafael Tavares's user avatar
1 voto
Aceito

Passar parâmetro para componente da Tab.Screen

Izi pizi export default function Historico({ navigation, route }) { ... console.log(route.params); //provavelmente o valor ja vai estar // aqui, se nao estiver voce ...
Murilo Medeiros's user avatar
1 voto
Aceito

TypeError: Cannot read property 'navigate' of undefined

Pelo que eu vi do seu código, o que ocorre é o seguinte, a props "navigation" apenas vai existir para as páginas que você informou em seu arquivo de rotas. Vendo o seu arquivo "routes....
Bins's user avatar
  • 3.842
1 voto

React Navigation | Como usar Navigation dentro de um componente React?

Tens de fazer uma divisão da tua aplicação. A navegação é uma parte distinta da renderização e nem devem estar nos mesmos ficheiros. Se o objetivo é ter uma navegação em tabs tens documentação ...
Tomás Lopes's user avatar
1 voto
Aceito

Como mudar de uma página para outra no React Native

Felipe, para navegação utilizo a lib react-navigation V4 Para que consiga navegar entre telas, depois de configurar as rotas pegue de dentro do this.props a propriedade navigation e utilize: ...
Leonardo Leite's user avatar
1 voto
Aceito

Atualizar useEffect da página navigation.goBack?

O evento deve ser criado sim com useEffect mas, o evento é do componente de navegação instalado no projeto @react-navigation/native: 5.1.5, seguindo o código de exemplo contido na documentação: ...
novic's user avatar
  • 36,6mil
1 voto
Aceito

Acessar pagina de outro navigation usando nested navigation

O problema é que você está usando dois NavigationContainer, ao invés de apenas um, isso faz com que não consiga navegar entre eles(ao ativar a função independent). Você não precisa de dois ...
Tulio Calil's user avatar
1 voto

Não consigo centralizar o título

O problema é que você não está definindo o display do cabeçalho. Para resolver esse problema basta adicionar flex:1. No caso, no seu código ficaria: static navigationOptions = { title: 'Start', ...
Felipe Avelar's user avatar
1 voto
Aceito

Rotas com parâmetros dando indefinido

Pelo que eu entendi, você consegue ser redirecionado e estes parâmetros que você enviou para a rota POST (que você carrega com this.props.item) não estão vazios. Se isto estiver certo, o problema é ...
Bins's user avatar
  • 3.842
1 voto

Diferença e boas práticas, váriavel global ou de Contexto React Native

São coisas bem diferentes Variável Global Você fazer global.variavel indica que você está declarando uma variável global que por si só implica em diversos problemas. Veja Por que usar variáveis ...
Anderson Henrique's user avatar
1 voto

React Native: Remover função goBack() do botão físico do Android?

Quando o evento de hardwareBackPress é disparado ou você volta para a tela anterior da sua Stack ou você cancela através de condições. Por exemplo, crie uma variável que indicará se o campo se search ...
Alefe Chorna's user avatar
1 voto
Aceito

Redirecionamento para tela "Home" após validar login - React Native + Firebase

Tenta isso, como dá pra ver ele fica observando se algum usuário autenticou, e entao redireciona. Era essa sua dúvida? componentDidMount() { firebase.auth().onAuthStateChanged(user => { if (user ...
Matheus Silva's user avatar
1 voto
Aceito

Como impedir que uma aplicação React Native retorne ao clicar no BackButton usando React Navigation

Com base no que o @sant0will disse nas respostas, eu consegui "resolver" o problema ao adicionar em todas as telas um tratamento específico para o BackHandler, assim: export default SplashScreen ...
LeandroLuk's user avatar
  • 5.076
1 voto

react-navigation v2 como enviar component pelos params

Acredito que o que você precisa é: Componente A this.props.navigation.navigate('ModalInput', { itemId: <Input />, }); ModalInput const params = this.props; const item = params.getParam('...
sant0will's user avatar
  • 1.285
1 voto
Aceito

Como desabilitar o Drawer do React Navigation em rotas específicas

Você pode criar duas stacks, uma para telas que não terão o drawer e uma com o FluidNavigator: import React from 'react' import { FluidNavigator } from 'react-navigation-fluid-transitions' import { ...
Mathias Silva's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible