인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

최수렬님의 프로필 이미지

작성한 질문수

[중급] 맛집 지도앱 만들기 (React Native + NestJS)

[4-0] GoogleMap 연동하기

[이슈]리액트 네이티브 0.76 버전 쓰지마세요

해결된 질문

작성

·

566

0

앱 처음제작시 0.76 버전으로 진행하였는데 지금

https://github.com/react-native-maps/react-native-maps/issues/5206
위 이슈를 보시면 신규 ui 엔진인 fabric을 라이브러리에서 지원 안하고 있습니다 제가 예전에 올린글인 맵 터치시 마커가 다음렌더링에 표시되는 이유가 이것 때문이였습니다. 버전 낮춰서 하세요~

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 최수렬님.

React Native 0.76 버전을 사용하면서 발생한 문제에 대해 공유해 주셔서 감사합니다. 말씀하신 문제는 많은 개발자가 겪고 있는 문제로, react-native-maps가 현재 Fabric UI 엔진을 지원하지 않음에 따라 발생하는 것으로 보입니다. 따라서, 현재 문제를 피하기 위해서는 React Native의 하위 버전을 사용하시는 것도 좋은 방법입니다.

또한, 관련 불편 사항은 다음의 링크에서 확인할 수 있습니다:
- React Native Maps Issue #5206 - Fabric UI 엔진 관련 문제

Fabric UI 엔진을 사용하면서 이러한 문제가 발생하는 이유는 주로 라이브러리가 새롭게 도입된 엔진과 완전히 호환되지 않기 때문입니다. 이 문제를 해결하려면:
1. React Native 버전을 0.76 미만으로 낮추는 것을 고려해보세요.
2. 라이브러리가 업데이트되어 이 문제를 해결할 때까지 기다리거나, 다른 대체 라이브러리를 검토하십시오.

만약 이미 버전을 낮추신 후에도 다른 문제가 발생한다면, node_modules를 삭제하고 다시 설치하거나 npm start --reset-cache 명령어로 캐시를 초기화하여 문제를 해결할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.