React Native Swipe Deck
React Native용 Tinder 스타일 swipe deck

Reanimated, Worklets, Gesture Handler 기반의 고성능 card stack

npm
yarn
pnpm
bun
npm install @react-native-motion-kit/swipe-deck
React Native Motion Kit 로고React Native Motion Kit 로고
🤌

Gesture 중심 Deck UX

Tinder 스타일 card stack에 맞춰 drag, flick, threshold, direction control을 조정합니다.

🏎️

고성능 애니메이션

React Native Reanimated shared value와 worklet 기반으로 부드러운 card motion을 만듭니다.

🪟

Bounded Render Window

전체 데이터가 아니라 active card와 작은 forward stack만 mount합니다.

🧬

Item-Stable Promotion

안정적인 item key로 promoted card가 React Native view identity를 유지합니다.

🧠

Typed Compound API

Root, Card, hook, action, event를 하나의 typed deck family로 묶습니다.

🎛️

외부 제어 API

button이나 다른 UI에서 swipeLeft, swipeRight, undo를 programmatic하게 실행합니다.

🎨

Motion Recipes

gesture motion, programmatic action, undo restore를 각각 독립적으로 조정합니다.

🧩

Multi-Instance Management

안정적인 factory-scoped id로 여러 deck root를 독립적으로 관리합니다.

↩️

Undo Support

opt-in undo history와 action-safe restore motion으로 back-swipe UX를 만듭니다.

🪄

쉬운 API

Root와 Card로 시작하고, control이나 event가 필요할 때만 hook을 추가합니다.