#Installation

Install the package and its React Native gesture/animation peer dependencies:

npm install @react-native-motion-kit/swipe-deck react-native-gesture-handler react-native-reanimated react-native-worklets

You can use your package manager of choice. For Yarn:

yarn add @react-native-motion-kit/swipe-deck react-native-gesture-handler react-native-reanimated react-native-worklets

#Minimum Versions

#React Native Setup

Follow the Reanimated and Worklets setup instructions for your React Native or Expo version. In Babel config, make sure react-native-worklets/plugin is the last Babel plugin.

module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: ['react-native-worklets/plugin'],
};

Gesture Handler also expects your app surface to be under GestureHandlerRootView.

import { GestureHandlerRootView } from 'react-native-gesture-handler';

export function AppRoot() {
  return <GestureHandlerRootView style={{ flex: 1 }}>{/* app */}</GestureHandlerRootView>;
}