개요

react-native-gesture-image-viewer 제스처 데모

React Native에서 이미지 갤러리나 콘텐츠 뷰어를 구현할 때, 복잡한 제스처 처리와 애니메이션 구현으로 어려움을 겪으신 적이 있으신가요?

기존 라이브러리들은 커스터마이징이 어렵거나 성능 문제가 있었습니다. react-native-gesture-image-viewerReact Native ReanimatedGesture Handler를 기반으로 한 고성능 범용 제스처 뷰어 라이브러리로, 이미지뿐만 아니라 비디오, 커스텀 컴포넌트 등 모든 콘텐츠에 완전한 커스터마이징과 직관적인 제스처 지원을 제공합니다.

주요 특징

  • 🤌 완전한 제스처 지원 - 핀치 줌, 더블 탭 줌, 스와이프 네비게이션, 줌 상태에서의 팬, 세로 드래그로 닫기 지원
  • 🏎️ 고성능 애니메이션 - React Native Reanimated 기반의 60fps 이상의 부드럽고 반응성 높은 애니메이션
  • 🎨 완전한 커스터마이징 - 컴포넌트, 스타일, 제스처 동작까지 완벽하게 제어 가능
  • 🎛️ 외부 제어 API - 버튼 등 다른 UI 컴포넌트에서 프로그래밍 방식으로 제어 가능
  • 🧩 다중 인스턴스 관리 - 고유 ID 기반으로 여러 뷰어를 독립적으로 관리
  • 🧬 유연한 통합 - Modal, React Native Modal, ScrollView, FlatList, FlashList, Expo Image, FastImage 등 원하는 컴포넌트 사용
  • 🧠 완벽한 TypeScript 지원 - 타입 추론과 안정성을 갖춘 뛰어난 개발 경험 제공
  • 🌐 크로스 플랫폼 지원 - iOS, Android, Web에서 동작하며 Expo Go 및 New Architecture 지원
  • 🪄 간편한 API - 복잡한 설정 없이도 직관적이고 쉽게 구현 가능