Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-swipe-gesture-handler

harshalone684MIT1.0.6TypeScript support: included

This package will help you to manage swipe gestures in your react native application.

react-native-swipe-gesture-handler, react-native-gesture-handler, react-native-swipe

readme

react-native-swipe-gesture-handler

This is a simple react native geture handler package which will save you tons of hours to detect the gesture handle for swiping on your phone.

How to install

yarn add react-native-swipe-gesture-handler

Import

import { SwipeGesture } from "react-native-swipe-gesture-handler";

Define a handler Function

    const onSwipePerformed = (action) => {

      switch(action){
        case 'left':{
          console.log('left Swipe performed'); 
          break;
        }
         case 'right':{ 
          console.log('right Swipe performed');
          break;
        }
         case 'up':{ 
          console.log('up Swipe performed'); 
          break;
        }
         case 'down':{ 
          console.log('down Swipe performed'); 
          break;
        }
         default : {
         console.log('Undeteceted action');
         }
      }
    }

Add Swipte Gesture around your View or other component

    <SwipeGesture  
    onSwipePerformed={onSwipePerformed} 
    >
          <View>
          Your View Component
          </View>

    </SwipeGesture>