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 ...
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 ...
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 ...
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)
...
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 ...
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) ...
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" ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 {
...
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 ...
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 ...
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 ...
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....
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 ...
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:
...
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:
...
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 ...
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',
...
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 é ...
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 ...
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 ...
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 ...
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 ...
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('...
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 { ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
react-navigation × 74react-native × 69
react × 35
javascript × 19
react-router × 11
android × 5
typescript × 4
expo × 4
mobile × 2
react-hooks × 2
navigation-drawer × 2
react-navigation-fluid-transitions × 2
linux × 1
kotlin × 1
app × 1
stack × 1
header × 1
apk × 1
redux × 1
i18n × 1
yarn × 1
warnings × 1
native × 1
contexto × 1