react-native-reanimated/lib/module/reanimated2/hook/useAnimatedGestureHandler.js

More powerful alternative to Animated library for React Native.

import { useEvent, useHandler } from './Hooks';
export let EventType;

(function (EventType) {
  EventType[EventType["UNDETERMINED"] = 0] = "UNDETERMINED";
  EventType[EventType["FAILED"] = 1] = "FAILED";
  EventType[EventType["BEGAN"] = 2] = "BEGAN";
  EventType[EventType["CANCELLED"] = 3] = "CANCELLED";
  EventType[EventType["ACTIVE"] = 4] = "ACTIVE";
  EventType[EventType["END"] = 5] = "END";
})(EventType || (EventType = {}));

export function useAnimatedGestureHandler(handlers, dependencies) {
  const {
    context,
    doDependenciesDiffer,
    useWeb
  } = useHandler(handlers, dependencies);

  const handler = e => {
    'worklet';

    const event = useWeb ? e.nativeEvent : e;

    if (event.state === EventType.BEGAN && handlers.onStart) {
      handlers.onStart(event, context);
    }

    if (event.state === EventType.ACTIVE && handlers.onActive) {
      handlers.onActive(event, context);
    }

    if (event.oldState === EventType.ACTIVE && event.state === EventType.END && handlers.onEnd) {
      handlers.onEnd(event, context);
    }

    if (event.oldState === EventType.BEGAN && event.state === EventType.FAILED && handlers.onFail) {
      handlers.onFail(event, context);
    }

    if (event.oldState === EventType.ACTIVE && event.state === EventType.CANCELLED && handlers.onCancel) {
      handlers.onCancel(event, context);
    }

    if ((event.oldState === EventType.BEGAN || event.oldState === EventType.ACTIVE) && event.state !== EventType.BEGAN && event.state !== EventType.ACTIVE && handlers.onFinish) {
      handlers.onFinish(event, context, event.state === EventType.CANCELLED || event.state === EventType.FAILED);
    }
  };

  if (useWeb) {
    return handler;
  }

  return useEvent(handler, ['onGestureHandlerStateChange', 'onGestureHandlerEvent'], doDependenciesDiffer);
}
//# sourceMappingURL=useAnimatedGestureHandler.js.map