1. Advisor
  2. react-native-gesture-handler
  3. functions
  4. react-native-gesture-handler.usePan
View all react-native-gesture-handler analysis

How to use the react-native-gesture-handler.usePan function in react-native-gesture-handler

To help you get started, we’ve selected a few react-native-gesture-handler examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github software-mansion / react-native-gesture-handler / Example / draggable / index.js View on Github external
] = useState({
    _onGestureEvent: onGestureEvent(translateX, translateY),
    _onHandlerStateChange: onHandlerStateChange({
      translateX,
      translateY,
      lastOffset,
    }),
    _onPinchHandlerStateChange: onPinchHandlerStateChange({
      lastScale,
      pinchScale,
      baseScale,
    }),
    _onPinchGestureEvent: onPinchGestureEvent(pinchScale),
  });

  const pan = usePan({
    handlerRef: panRef,
    onGestureEvent: _onGestureEvent,
    onHandlerStateChange: _onHandlerStateChange,
    simultaneousHandlers: pinchRef,
  });

  const pinch = usePinch({
    handlerRef: pinchRef,
    onGestureEvent: _onPinchGestureEvent,
    onHandlerStateChange: _onPinchHandlerStateChange,
    simultaneousHandlers: panRef,
  });

  return (
github software-mansion / react-native-gesture-handler / Example / hoooks / index.js View on Github external
] = useState({
    _onGestureEvent: onGestureEvent(translateX, translateY),
    _onHandlerStateChange: onHandlerStateChange({
      translateX,
      translateY,
      lastOffset,
    }),
    _onPinchHandlerStateChange: onPinchHandlerStateChange({
      lastScale,
      pinchScale,
      baseScale,
    }),
    _onPinchGestureEvent: onPinchGestureEvent(pinchScale),
  });

  const pan = usePan({
    handlerRef: panRef,
    onGestureEvent: _onGestureEvent,
    onHandlerStateChange: _onHandlerStateChange,
    simultaneousHandlers: pinchRef,
  });

  const pinch = usePinch({
    handlerRef: pinchRef,
    onGestureEvent: _onPinchGestureEvent,
    onHandlerStateChange: _onPinchHandlerStateChange,
    simultaneousHandlers: panRef,
  });

  return (

react-native-gesture-handler

Experimental implementation of a new declarative API for gesture handling in react-native

GitHub
MIT
Latest version published 3 days ago

Package Health Score

90 / 100
Full package analysis

Popular react-native-gesture-handler functions

Similar packages