useAnimatedGestureHandler reject on start state?

[dpyeates]

Is there a way to reject any touch events from a gesture handler if they don't meet a condition?
I want to test the locationX and locationY and if they fall within a circular band continue, otherwise if the touch events fall outside the band ignore.

const gestureHandler = useAnimatedGestureHandler({
    onStart: (event, context) => {
      console.log('event started');
      // i want to check touch location here and either continue or reject?
    },
    onActive: (event, context) => {
      console.log('event active');
    },
    onEnd: (event, context) => {
      console.log('event end');
    },
    onFail: (event, context) => {
      console.log('event fail');
    },
    onCancel: (event, context) => {
      console.log('event cancel');
    },
    onFinish: (event, context, isFinished) => {
      console.log('event finish');
    },
  });

[NikitaDudin]

you cat try to add condition status flag into context object:

const gestureHandler = useAnimatedGestureHandler({
    onStart: (event, context) => {
      console.log('event started');
      if (/* check locations condition */) {
        // if condition success
        context.ignore = false;
      }
      // i want to check touch location here and either continue or reject?
    },
    onActive: (event, context) => {
      // prevent on if ignore is true
      if (context.ignore) return;
      
      // other actions 
      console.log('event active');
    },
    onEnd: (event, context) => {
      // prevent on if ignore is true
      if (context.ignore) return;
      
      // other actions 
      console.log('event end');
    },
    onFail: (event, context) => {
       // prevent on if ignore is true
      if (context.ignore) return;
      
      // other actions 
      console.log('event fail');
    },
    onCancel: (event, context) => {
      // prevent on if ignore is true
      if (context.ignore) return;
      
      // other actions 
      console.log('event cancel');
    },
    onFinish: (event, context, isFinished) => {
      // prevent on if ignore is true
      if (context.ignore) return;
      
      // other actions 
      console.log('event finish');
    },
  });

[dpyeates]

This would work, but I have a hierarchy of interaction handlers so I need the touch event to bubble up. This would still swallow all the touch events. In the end I found a solution. Show below.

[dpyeates]

In the end I got this working by using the 'enabled' property of the gesture handler:

const MyComponent = React.memo((props: Props) => {
  const [enabled, setEnabled] = useState(true);

  const gestureHandler = useAnimatedGestureHandler({
    onStart: (event, context) => {
      if ([condition is successfully met]) {
        
      } else {
        runOnJS(setEnabled)(false);
      }
    },
    onActive: (event, context) => {
      console.log('event active');
    },
    onEnd: (event, context) => {
      console.log('event end');
    },
    onFail: (event, context) => {
      console.log('event fail');
    },
    onCancel: (event, context) => {
      console.log('event cancel');
    },
    onFinish: (event, context, isFinished) => {
      runOnJS(setEnabled)(true);
    }
  });

  return (
    <PanGestureHandler enabled={enabled} onGestureEvent={gestureHandler}>
      
    </PanGestureHandler>
  );
});