fix(iOS): handles pointerEvents for Pressable component (#3925)

## Description

fixes:
#3891
fixes:
#3904


This PR implements `pointerEvents` support for `Pressable` component
from `react-native-gesture-handler` on iOS. Previously, setting
`pointerEvents="box-none"` (or other modes) had no effect on iOS, while
it worked correctly <s>on Android</s> and with React Native's
`Pressable` on iOS.

Android PR:
#3927

### Implementation Details

The implementation follows React Native's `hitTest` logic for
`pointerEvents`:
- For `box-only`: Returns `self` if point is inside (respecting
`hitSlop`), `nil` otherwise
- For `box-none`: Checks subviews only, returns the hit subview or `nil`
- For `none`: Always returns `nil`
- For `auto`: Uses standard hit testing with `shouldHandleTouch` logic

The implementation respects `hitTestEdgeInsets` (hitSlop) for all modes,
ensuring consistent behavior with React Native's `Pressable`.

## Test plan

Tested all `pointerEvents` modes on iOS:
- ✅ `pointerEvents="none"` - View and subviews don't receive touches
- ✅ `pointerEvents="box-none"` - View doesn't receive touches, subviews
do
- ✅ `pointerEvents="box-only"` - View receives touches, subviews don't
- ✅ `pointerEvents="auto"` - Default behavior works as expected

I've used https://github.com/huextrat/repro-pressable-gh to test
scenarios

Tested on both old architecture (Paper) and new architecture (Fabric).

edit: `pointerEvents` with RNGH Pressable is not working on Android

---------

Co-authored-by: Michał <michal.bert@swmansion.com>

Author: 2 people

packages/react-native-gesture-handler/apple/RNGestureHandler.h

@@ -3,6 +3,7 @@
 #import "RNGestureHandlerDirection.h"
 #import "RNGestureHandlerEventHandlerType.h"
 #import "RNGestureHandlerEvents.h"
+#import "RNGestureHandlerPointerEvents.h"
 #import "RNGestureHandlerPointerTracker.h"
 #import "RNGestureHandlerPointerType.h"
 #import "RNGestureHandlerState.h"

packages/react-native-gesture-handler/apple/RNGestureHandlerButton.h

@@ -26,6 +26,7 @@
 @property (nonatomic, assign) UIEdgeInsets hitTestEdgeInsets;
 @property (nonatomic, assign) CGFloat borderRadius;
 @property (nonatomic) BOOL userEnabled;
+@property (nonatomic, assign) RNGestureHandlerPointerEvents pointerEvents;
 
 #if TARGET_OS_OSX
 - (void)mountChildComponentView:(RNGHUIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index;

packages/react-native-gesture-handler/apple/RNGestureHandlerButton.mm

@@ -46,6 +46,7 @@ - (instancetype)init
   if (self) {
     _hitTestEdgeInsets = UIEdgeInsetsZero;
     _userEnabled = YES;
+    _pointerEvents = RNGestureHandlerPointerEventsAuto;
 #if !TARGET_OS_TV && !TARGET_OS_OSX
     [self setExclusiveTouch:YES];
 #endif
@@ -89,6 +90,29 @@ - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
 
 - (RNGHUIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
 {
+  RNGestureHandlerPointerEvents pointerEvents = _pointerEvents;
+  
+  if (pointerEvents == RNGestureHandlerPointerEventsNone) {
+    return nil;
+  }
+  
+  if (pointerEvents == RNGestureHandlerPointerEventsBoxNone) {
+    for (UIView *subview in [self.subviews reverseObjectEnumerator]) {
+      if (!subview.isHidden && subview.alpha > 0) {
+        CGPoint convertedPoint = [subview convertPoint:point fromView:self];
+        UIView *hitView = [subview hitTest:convertedPoint withEvent:event];
+        if (hitView != nil && [self shouldHandleTouch:hitView]) {
+          return hitView;
+        }
+      }
+    }
+    return nil;
+  }
+  
+  if (pointerEvents == RNGestureHandlerPointerEventsBoxOnly) {
+    return [self pointInside:point withEvent:event] ? self : nil;
+  }
+  
   RNGHUIView *inner = [super hitTest:point withEvent:event];
   while (inner && ![self shouldHandleTouch:inner]) {
     inner = inner.superview;

packages/react-native-gesture-handler/apple/RNGestureHandlerButtonComponentView.mm

@@ -7,11 +7,27 @@
 #import <react/renderer/components/rngesturehandler_codegen/EventEmitters.h>
 #import <react/renderer/components/rngesturehandler_codegen/Props.h>
 #import <react/renderer/components/rngesturehandler_codegen/RCTComponentViewHelpers.h>
+#import <react/renderer/components/view/ViewProps.h>
 
 #import "RNGestureHandlerButton.h"
 
 using namespace facebook::react;
 
+static RNGestureHandlerPointerEvents RCTPointerEventsToEnum(facebook::react::PointerEventsMode pointerEvents)
+{
+  switch (pointerEvents) {
+    case facebook::react::PointerEventsMode::None:
+      return RNGestureHandlerPointerEventsNone;
+    case facebook::react::PointerEventsMode::BoxNone:
+      return RNGestureHandlerPointerEventsBoxNone;
+    case facebook::react::PointerEventsMode::BoxOnly:
+      return RNGestureHandlerPointerEventsBoxOnly;
+    case facebook::react::PointerEventsMode::Auto:
+    default:
+      return RNGestureHandlerPointerEventsAuto;
+  }
+}
+
 @interface RNGestureHandlerButtonComponentView () <RCTRNGestureHandlerButtonViewProtocol>
 @end
 
@@ -205,8 +221,35 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
   _buttonView.hitTestEdgeInsets = UIEdgeInsetsMake(
       -newProps.hitSlop.top, -newProps.hitSlop.left, -newProps.hitSlop.bottom, -newProps.hitSlop.right);
 
+  if (!oldProps) {
+    _buttonView.pointerEvents = RCTPointerEventsToEnum(newProps.pointerEvents);
+  } else {
+    const auto &oldButtonProps = *std::static_pointer_cast<const RNGestureHandlerButtonProps>(oldProps);
+    if (oldButtonProps.pointerEvents != newProps.pointerEvents) {
+      _buttonView.pointerEvents = RCTPointerEventsToEnum(newProps.pointerEvents);
+    }
+  }
+
   [super updateProps:props oldProps:oldProps];
 }
+
+#if !TARGET_OS_OSX
+// Override hitTest to forward touches to _buttonView
+// This is necessary because RCTViewComponentView's hitTest might handle pointerEvents
+// from ViewProps and prevent touches from reaching _buttonView (which is the contentView).
+// Since _buttonView has its own pointerEvents handling, we always forward to it.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
+{
+  if (![self pointInside:point withEvent:event]) {
+    return nil;
+  }
+
+  CGPoint buttonPoint = [self convertPoint:point toView:_buttonView];
+
+  return [_buttonView hitTest:buttonPoint withEvent:event];
+}
+#endif
+
 @end
 
 Class<RCTComponentViewProtocol> RNGestureHandlerButtonCls(void)

packages/react-native-gesture-handler/apple/RNGestureHandlerButtonManager.mm

@@ -1,6 +1,20 @@
 #import "RNGestureHandlerButtonManager.h"
 #import "RNGestureHandlerButton.h"
 
+static RNGestureHandlerPointerEvents RCTPointerEventsToEnum(RCTPointerEvents pointerEvents)
+{
+  switch (pointerEvents) {
+    case RCTPointerEventsNone:
+      return RNGestureHandlerPointerEventsNone;
+    case RCTPointerEventsBoxNone:
+      return RNGestureHandlerPointerEventsBoxNone;
+    case RCTPointerEventsBoxOnly:
+      return RNGestureHandlerPointerEventsBoxOnly;
+    default:
+      return RNGestureHandlerPointerEventsAuto;
+  }
+}
+
 @implementation RNGestureHandlerButtonManager
 
 RCT_EXPORT_MODULE(RNGestureHandlerButton)
@@ -28,6 +42,16 @@ @implementation RNGestureHandlerButtonManager
   }
 }
 
+RCT_CUSTOM_VIEW_PROPERTY(pointerEvents, RCTPointerEvents, RNGestureHandlerButton)
+{
+  if (json) {
+    RCTPointerEvents pointerEvents = [RCTConvert RCTPointerEvents:json];
+    view.pointerEvents = RCTPointerEventsToEnum(pointerEvents);
+  } else {
+    view.pointerEvents = RNGestureHandlerPointerEventsAuto;
+  }
+}
+
 - (RNGHUIView *)view
 {
   return (RNGHUIView *)[RNGestureHandlerButton new];

packages/react-native-gesture-handler/apple/RNGestureHandlerPointerEvents.h

@@ -0,0 +1,8 @@
+#import <Foundation/Foundation.h>
+
+typedef NS_ENUM(NSInteger, RNGestureHandlerPointerEvents) {
+  RNGestureHandlerPointerEventsNone,
+  RNGestureHandlerPointerEventsBoxNone,
+  RNGestureHandlerPointerEventsBoxOnly,
+  RNGestureHandlerPointerEventsAuto
+};