Drawer Navigation을 사용할 때 Reanimated 관련 설정을 하지 않았을 때 발생하는 에러이다.
해결 방법은 다음과 같다.
1. 패키지 설치
yarn add react-native-reanimated
혹은 npm install eact-native-reanimated
2. Babel 플러그인 설정
이미지와 같이 babel.config.js 파일의 plugins 부분에 react-native-reanimated 플러그인을 추가해준다.
3. 안드로이드
(1) android/app/build.gradle 수정
사진과 같이 enableHermes 값을 true로 변경해준다.
(2) android/app/src/main/java/.../MainApplication.java 수정
다음과 같이 수정해주면 된다. import문은 파일의 상단에 다른 import문들과 함께 위치하면 된다.
4. iOS
매번 느끼지만 iOS는 참 간단하다. iOS 폴더에서 pod install 하나만 실행하면 된다.
'모바일 이야기' 카테고리의 다른 글
[React Native] Image aspect ratio 사용하기 (0) | 2022.02.12 |
---|---|
[React Native] Drawer Navigation에서 헤더 없이 Icon만 만들기 (0) | 2022.02.04 |
[React Native] Dimensions.get('window') vs Dimensions.get('screen') (0) | 2022.01.30 |
2021-11-03 React Native Notification 소리 설정 (0) | 2021.11.03 |
2021-10-28 안드로이드 개발 환경 세팅 (React Native) (0) | 2021.10.28 |