React Native의 기초적인 라이브러리리인 Navigation은 많은 오류를 발생시킨다.
최근에도 간단한 프로젝트를 하는데 @react-navigation/stack 에서 오류가 뿜어져 나왔다.
더욱 문제는 똑같은 상황에서도 오류가 발생할때가 있고 안할때가 있는데,
그 원인을 잘 모르겠다는 것이다ㅜㅜ
그래서 최대한 오류가 안나게 하는 방법과 오류 해결방법을 기록해본다.
1번
yarn으로 설치한다.
npm보다 yarn으로 라이브러리를 설치하면 오류가 적고 속도가 빠르다.
yarn은 병렬로 설치 작업을 진행하고, 자동으로 lock파일을 설치하기 때문이다.
2번
react navigator v6로 전환하기
v6이상으로 설치했을 경우 해결되는 오류들이 상당히 많다.
설치방법은 링크를 참조하세요.!
3번
react-reanimated 공식 사이트 등 예제 활용
예제(git clone git@github.com:software-mansion-labs/reanimated-2-playground.git)를 참고하여 프로젝트에 필요한 코드만 복붙 후에, react-navigator, react-stack-navigator, react-drawer-navigator 설치해서 해결한 적이 있다.
이처럼 공식사이트를 활용하는 방법도 있다.
앞으로 react navigator관련 오류가 날 때마다 오류와 해결방법을 업데이트해서 오답노트를 만들예정이다.
효율에 미친자