intergalacticspacehighway/react-native-reanimated-zoom

개요 React Native 뷰에 핀치 줌 기능을 추가하는 컴포넌트다. Reanimated 2와 Gesture Handler를 기반으로 부드러운 줌 인터랙션을 구현한다.

핵심 내용 `<Zoom>` 컴포넌트로 자식 뷰를 감싸면 핀치 투 줌과 더블 탭 줌을 지원한다. Reanimated 2의 worklet 기반 애니메이션으로 JS 스레드를 차단하지 않고 네이티브 수준의 60fps 줌을 제공한다.

기존 대비 차별점 기존 줌 구현은 JS 스레드에서 동작해 버벅임이 있었다. Reanimated 2 기반으로 UI 스레드에서 직접 애니메이션이 처리되어 제스처가 훨씬 부드럽다.

활용 가능성 이미지 갤러리, 지도 뷰어, PDF 리더, 제품 상세 이미지 줌 등 핀치 줌이 필요한 React Native 앱에 활용할 수 있다.

참고 자료 - 원본