RN-PanResponser

panResponderExample.js

import React from 'react';
import { Animated } from 'react-native';

const PanExample = () => {
    const panResponder = PanResponder.create({
      onStartShouldSetPanResponder: () => true, // we are enabling pan responder on start with this. So now we can listen tap and move
      onPanResponderMove: (evt, gestureState) => {
        // here we are listening every move
        // evt and gestureState simply returns the x,y of the movement position
        console.log('yes we are moving', gestureState.dy, gestureState.dx);
      },
      onPanResponderRelease: (evt, gestureState) => {
        // When user release the gesture we get the last x,y of that movement
        console.log('just released', gestureState.dy, gestureState.dx);
      },
    });
  }
  
  return <Animated.View {...panResponder.panHandlers} />;
}