react-native-gesture-handler/lib/module/handlers/gestures/GestureDetector/useMountReactions.js

Declarative API exposing native platform touch and gesture system to React Native

import { transformIntoHandlerTags } from '../../utils';
import { MountRegistry } from '../../../mountRegistry';
import { useEffect } from 'react';

function shouldUpdateDetector(relation, gesture) {
  if (relation === undefined) {
    return false;
  }

  for (const tag of transformIntoHandlerTags(relation)) {
    if (tag === gesture.handlerTag) {
      return true;
    }
  }

  return false;
}

export function useMountReactions(updateDetector, state) {
  useEffect(() => {
    return MountRegistry.addMountListener(gesture => {
      // At this point the ref in the gesture config should be updated, so we can check if one of the gestures
      // set in a relation with the gesture got mounted. If so, we need to update the detector to propagate
      // the changes to the native side.
      for (const attachedGesture of state.attachedGestures) {
        const blocksHandlers = attachedGesture.config.blocksHandlers;
        const requireToFail = attachedGesture.config.requireToFail;
        const simultaneousWith = attachedGesture.config.simultaneousWith;

        if (shouldUpdateDetector(blocksHandlers, gesture) || shouldUpdateDetector(requireToFail, gesture) || shouldUpdateDetector(simultaneousWith, gesture)) {
          updateDetector(); // We can safely return here, if any other gestures should be updated, they will be by the above call

          return;
        }
      }
    });
  }, [updateDetector, state]);
}
//# sourceMappingURL=useMountReactions.js.map