본문 바로가기

Framework & Library/React-native

undefined is not an object (evaluating 'navigation.navigate') 에러 해결하기

 

 

 거의 두시간 이상을 붙잡고 있었던....

navigation.navigate 에러의 해결법을 찾았다..!

해당 에러는 navigation.navigate의 문법 문제 같은 것이 아니라,

특정 상황에 리액트 네이티브가 es6문법을 이해하지 못해서 생기는 에러라고 한다ㅏㅏㅏ

 

해결법은 아래의 리액트 네이티브 훅 라이브러리를 임포트 해준 뒤에

import { useNavigation } from '@react-navigation/native';

 

컴포넌트에 아래와 같이 훅 함수를 선언해준다

const navigation = useNavigation();

그리고나서, 코드를 실행시켜주면~~

해당 에러가 사라지고 화면전환이 정상적으로 이루어진다ㅏㅏㅏ 만세ㅔㅔㅔ!

 

 

출처 : https://github.com/react-navigation/react-navigation/issues/7961

 

undefined is not an object (evaluating 'navigation.navigate') - openDrawer · Issue #7961 · react-navigation/react-navigation

I'm getting myself familiar with the new react-navigation version. I'm seeing an issue while using the navigation.navigate method. Current Behavior When we click the menu button, it throws ...

github.com