[React Native] "RNGestureHandlerRootView" was not found in the UIManager

배경

• IOS에서는 Expo가 잘 실행되어 표시되는 반면, 안드로이드에서는 "RNGestureHandlerRootView" was not found in the UIManager 에러가 뜨면서 화면이 켜지지 않는 문제 발생

 

문제 해결 시도

1차 시도 실패

https://stackoverflow.com/questions/71396210/rngesturehandlerrootview-was-not-found-in-the-uimanager

npm install react-native-gesture-handler

 

이후 npx expo start로 재 실행.

 

App.tsx에  아래와 같이 import 구문 추가

import 'react-native-gesture-handler';

 

 

2차 시도 실패

https://reactnavigation.org/docs/getting-started/

공식 Docs 따라 진행

npm install @react-navigation/native

npx expo install react-native-screens react-native-safe-area-context

npx expo install react-native-screens react-native-safe-area-context

 

yarn이 없다고 오류가 나길래 yarn 설치도 진행하였다. https://classic.yarnpkg.com/en/docs/install#windows-stable

npm install --global yarn

 

이후 npx expo start로 재 실행.

 

 

3차 시도 성공

npx expo install react-native-gesture-handler

 

 

정리

expo project의 경우, expo 매니저가 자동으로 라이브러리를 연결해주는데

npm install react-native-gesture-handler 로 설치한 gesture-handler의 경우에는 연결을 못해줘서? 그런 것 같다고 추측된다.

 

yarn을 설치한 뒤에,

expo install로 gesture-handler를 설치해주니 안드로이드에서 인식하기 시작하였다.