Carousel+Swipe 감지후 modal연결

개발을 하다가 누구나 여러번 의도치 않은 에러와 접촉한다.

오늘도 그 많은 경험중에 한번이다.

 

 

Carousel 연결 후 이미지를 클릭 시 modal로 연결되는 앱을 만드는 도중

Pressable로 이미지를 클릭하면 modal로 연결되는 기능까지는 구현하였다.

하지만 내가 원하는 것은 Carousel 이미지를 클릭시에만 modal로 연결하는 것이지

좌우로 Swipe를 한다고해서 modal로 연결하고 싶지는 않았다.

 

 

그래서 많은 Pressable props를 뒤져 몇시간을 고생하였지만 답이나오지 않았다.

그래서 더 찾아보던 도중 Swipe를 감지하는 라이브러리를 찾았는데 그것은

GestureRecognizer 였다.

 

설치방법은 이러하다

 

import

 

이렇게 한 후 Pressable 바깥에 GestureRecognizer를 넣어주니

스크롤해도 modal 안으로 들어가지도 않고 클릭 시 modal로

진입하게 되었다.

 

자세한 설명과 사이트는 git 참고하시길

https://github.com/glepur/react-native-swipe-gestures