React Native (mac m1) | Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.

참고링크: https://yehey-study.tistory.com/entry/RN-React-Native-build-%EC%97%90%EB%9F%AC-Invariant-Violation-requireNativeComponent-RNSScreenStackHeaderConfig-was-not-found-in-the-UIManager-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0

에러

m1 맥북에서 react native (react native cli 사용하였다.)의 react-navigation을 사용하려 공식 도큐먼트를 따라하니 오류가 발생했다.

원인

react-navigation을 사용하려면 getting-started에 있는 다른 라이브러리도 설치를 한 뒤 pod install을 해야하는데 그걸 모르고 hello-react-navigation 부터 시작했다!

↓ 빼먹은 라이브러리

해결

1. npm install @react-navigation/native @react-navigation/native-stack 명령어를 실행한다.
2. npm install react-native-screens react-native-safe-area-context 명령어를 실행한다.
3. 아래 명령어를 실행시킨다.

cd ios                    // ios 폴더로 들어간다
pod install               // 다운받은 라이브러리를 ios 폴더에도 다운받는다
cd ..                     // 다시 루트 폴더로 돌아간다
react-native run-ios      // 코드를 실행한다.