What are some examples of gestures in React Native?

What are some examples of gestures in React Native?

In React Native, you can use gestures like tap, swipe, pinch, and long press. Would you like to see code examples?

Yes, please provide a code example for a swipe gesture.

Here's a simple example using the PanResponder API to detect swipe gestures:

import React, { useRef } from 'react';
import { View, PanResponder } from 'react-native';

const SwipeExample = () => {
  const panResponder = useRef(
    PanResponder.create({
      onMoveShouldSetPanResponder: (evt, gestureState) => {
        return Math.abs(gestureState.dx) > 20;
      },
      onPanResponderMove: (evt, gestureState) => {
        console.log('Swiping!', gestureState.dx);
      },
      onPanResponderRelease: (evt, gestureState) => {
        console.log('Swipe ended!');
      },
    })
  ).current;

  return <View {...panResponder.panHandlers} style={{ flex: 1, backgroundColor: 'lightblue' }} />;
};

export default SwipeExample;

That looks great! Can you explain how the PanResponder works?

Sure! The PanResponder API allows you to handle touch gestures. You define handlers for different touch events, like when the user starts touching the screen, moves their finger, or releases it. This way, you can create interactive components that respond to user gestures.