Cộng đồng Hỏi & Đáp của Inflearn

jwson5301

câu hỏi đã được viết

[Làm mới] Tạo ứng dụng bản đồ nhà hàng ngon (React Native & NestJS)

[B-2] Cải thiện hiệu suất hình ảnh

맵에서 onLongPress 가 동작 하지 않습니다.

Đã giải quyết

Viết

157

안녕하세요.
강의 내용을 따라 하다가

갑자기 맵에서 onLongPress 가 동작 하지 않는데

혹시 어떤 컴포넌트에서 long press 이벤트를 가지고 가는지?

관련 디버깅 방법이 있을까요?

react-nativetypescriptnestjsreact-queryzustand

Quiz

지도에 마커가 매우 많을 때, 화면의 가독성을 높이고 겹침 문제를 해결하기 위해 주로 어떤 기법을 사용하나요?

마커 투명도 조절

마커 클러스터링 (그룹화)

지도 배경 색상 변경

마커 아이콘 크기 일괄 축소

Câu trả lời 3

psr34787690

저도 안되서 확인해보니 함수들이 연결이 안되있더라구여!
이슈 등록하고 수정해서 commit 요청했더니 패키지에서 머지해줘서 다시 설치하면 이제 잘될겁니다!

Kyo

Người chia sẻ kiến thức

원래 동작하다가 갑자기 동작하지 않는다는 말씀일까요?

onLongPress는 MapView컴포넌트에서 사용합니다!

https://github.com/react-native-maps/react-native-maps/blob/master/docs/mapview.md

communityai8509

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

onLongPress 이벤트가 맵에서 작동하지 않는 경우는 여러 가지 원인이 있을 수 있습니다. 우선 몇 가지 점검해볼 사항들을 확인해보시기 바랍니다.

1. 다른 컴포넌트가 이벤트를 방해하고 있는지 확인

다른 터치 이벤트를 가진 컴포넌트들이 오버레이 되어 있을 수 있습니다. 이를 해결하기 위해 맵 상단에 터치 이벤트를 받을 수 있는 투명 컴포넌트를 확인하여 조정할 수 있습니다.

2. 이벤트 핸들러의 바인딩을 확인

onLongPress 이벤트 핸들러가 잘 바인딩되어 있는지, 그리고 함수가 제대로 호출되는지 콘솔 로그 등을 통해 디버그해보세요.

<MapView
  onLongPress={handleLongPress}
/>

3. MapView 속성 확인

사용 중인 react-native-maps 라이브러리의 버전이나 속성 설정이 문제가 될 수 있습니다. 최신 문서를 참조하여 설정을 한 번 더 검토해 보세요.

관련 문제가 해결된 사례

아래 게시물들은 유사한 문제가 제기되었고, 해결 방안을 논의한 사례입니다:
- react-native-vector-icons 에러 관련 질문 - 지식 공유자 Kyo
- Navigation 관련 문의 해결 사례

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