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.

Sure! You can use the PanResponder API to handle swipe gestures. Here's a simple example:

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) => {
        // Handle swipe movement
      },
      onPanResponderRelease: (evt, gestureState) => {
        // Handle swipe release
      },
    })
  ).current;

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

This sets up a basic swipe gesture handler.

That's helpful! Can you explain how to implement a pinch gesture?

Absolutely! For pinch gestures, you can use the react-native-gesture-handler library. Here's a quick example:

import React from 'react';
import { View, Text } from 'react-native';
import { PinchGestureHandler } from 'react-native-gesture-handler';

const PinchExample = () => {
  const onPinchEvent = (event) => {
    // Handle pinch event
  };

  return (
    <PinchGestureHandler onGestureEvent={onPinchEvent}>
      <View style={{ width: 200, height: 200, backgroundColor: 'lightblue' }}>
        <Text>Pinch Me!</Text>
      </View>
    </PinchGestureHandler>
  );
};

This will allow you to detect pinch gestures on the view.