RN) 리엑트 네비게이션(6.x) 설치 후 에러발생 대응하기

아래 최소 요구사항을 꼭 확인한 후 계속 읽자.

React Navigation Minimum requirements​

• react-native >= 0.63.0
• expo >= 41 (if you use Expo)
• typescript >= 4.1.0 (if you use TypeScript)

필자는 

 Node.js v18.2.0.

react-native : 0.68.2

react : 17.0.2

expo: 45.0.0

 

출처:https://reactnavigation.org/

리엑트에서 가장 많이 사용되고, 강력한 도구로 React Navigation 을 사용해봤다. 

만약 최초로 설치 후 에러가 난다면 아래와 같이 대응하면 되겠다. 

 

# 설치 

npm install @react-navigation/native

//또는
yarn add @react-navigation/native

 

Tip: 새로운 패키지를 설치한 뒤에는 메트로서버를 항상 재기동(HARD RESTART) 해주는 것이 좋다.

 

# 에러메시지 1

requireNativeComponent: "RSNScreen" was not found in the UIManager

# 대응책 (Android 또는 공통)

// 1. 메트로 터미널과 시뮬레이터 모두 끄기
// 2. 
npm install @react-navigation/native
expo install react-native-screens react-native-safe-area-context
로 패키지 다시 설치 
// 3. 메트로 서버와 시뮬레이터 재실행

# 대응책(IOS)

// 1. 메트로 서버와 에뮬레이터 종료
// 2.
npm install @react-navigation/native

// 3. ios 폴더로 이동
// 4.
pod install 
// 5. 메트로 서버와 ios 에뮬레이터 실행