2

inserir a descrição da imagem aqui

Tenho essa função signOut que eu chamo através de um botão, porém quando eu aperto no sair, onde ele chama um onPress: () => this.props.navigation.navigate('SignIn') ele retorna o seguinte erro

inserir a descrição da imagem aqui

Alguém sabe como posso corrigir isso?

Versões:
react: "16.8.3",
react-native: "0.59.3",
react-native-gesture-handler: "^1.1.0",
react-navigation: "^3.6.0"

1
  • Não entendi a resposta marcada como certa. Em qual local ou em que momento faço isso, Sidebar é o componente customizado ?
    – Leonardo
    21/06/2020 às 23:01

1 Resposta 1

5

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 componentes não tem acesso ao navigation. Então se eu tiver nesta página um botão e usar o "navigation.navigate" ele vai funcionar, mas, se esta página tiver um componente, e dentro dele você tentar fazer o mesmo, não vai funcionar.

Para resolver isso, basta criar uma props e passar o navigation para ele. Seria algo assim

<Sidebar navigation= {this.props.navigation} />

Desta forma, o seu botão deve funcionar.

1
  • Entendi! Valeu mesmo, funcionou aqui!! 18/04/2019 às 12:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .