RNGH 3 beta 3 Touchable, and probably others too, need disallowInterruption on IOS?

[grego5]

No issues on android, then after testing the app on ios I had to press 10 times until something is activated.
I wrapped Pressable at first for most of my touch interaction needs with android ripple, then changed it to the new Touchable since it's the same thing but probably the new and most maintained component in the beta, so it has to be perfect.. Well, same thing.
It seems happens specifically when the Touchable is inside a parent that also has tap gesture detector. It's like they don't work simultaneously by default on ios.
For example bottom sheet that has swippable body using pan gesture detector, then buttons based on rngh primitives don't work inside. Though this one I can also guard with activeOffsetX/Y, since I don't need taps.
Or tap gesture wrapper to keyboard dismiss when clicking outside will intercept and block everything on ios.
It's like the gesture detection works bottom up on android and top down on ios? Very convenient for cross platform development, what can I say...

This works though...

    const nativeGesture = useNativeGesture({
      shouldActivateOnStart: true,
      disallowInterruption: true,
      disableReanimated: true,
      enabled: Platform.OS === 'ios' && !disabled,
    });

    return (
      <GestureDetector gesture={nativeGesture}>
        <Touchable
          ref={ref}
          accessible
          accessibilityRole={accessibilityRole}
          accessibilityLabel={accessibilityLabel}
          accessibilityHint={accessibilityHint}
          accessibilityState={
            accessibilityState ? { ...accessibilityState, disabled } : { disabled }
          }
          disabled={disabled}
          androidRipple={androidRippleConfig}
          {...rest}
          style={style}
        >
          {children}
        </Touchable>
      </GestureDetector>
    );

Also found cancelsTouchesInView: false option on parent gestures disable this unintuitive confusing IOS quirk.

const useKeyboardDismissGesture = () => {
  const config = useMemo<TapGestureConfig>(
    () => ({
      maxDuration: 250,
      maxDistance: 12,
      shouldCancelWhenOutside: false,
      disableReanimated: true,
      cancelsTouchesInView: false,
      onFinalize: ({ canceled }) => {
        if (!canceled) Keyboard.dismiss();
      },
    }),
    [],
  );

  return useTapGesture(config);
};