fix(android): handles pointerEvents for Pressable component (#3927)

fixes:
#3891
fixes:
#3904

This PR fixes `pointerEvents` support for `Pressable` component from
`react-native-gesture-handler` on Android.

Waiting for iOS PR:
#3925
as codegen is involved and a small iOS changes is needed

Tested all `pointerEvents` modes on Android:
- ✅ `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).

Author: huextrat

packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerButtonViewManager.kt

@@ -26,6 +26,8 @@ import androidx.core.view.children
 import com.facebook.react.R
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.uimanager.PointerEvents
+import com.facebook.react.uimanager.ReactPointerEventsView
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
 import com.facebook.react.uimanager.ViewManagerDelegate
@@ -131,6 +133,17 @@ class RNGestureHandlerButtonViewManager :
     view.isSoundEffectsEnabled = !touchSoundDisabled
   }
 
+  @ReactProp(name = ViewProps.POINTER_EVENTS)
+  override fun setPointerEvents(view: ButtonViewGroup, pointerEvents: String?) {
+    view.pointerEvents = when (pointerEvents) {
+      "none" -> PointerEvents.NONE
+      "box-none" -> PointerEvents.BOX_NONE
+      "box-only" -> PointerEvents.BOX_ONLY
+      "auto", null -> PointerEvents.AUTO
+      else -> PointerEvents.AUTO
+    }
+  }
+
   override fun onAfterUpdateTransaction(view: ButtonViewGroup) {
     super.onAfterUpdateTransaction(view)
 
@@ -141,7 +154,8 @@ class RNGestureHandlerButtonViewManager :
 
   class ButtonViewGroup(context: Context?) :
     ViewGroup(context),
-    NativeViewGestureHandler.NativeViewGestureHandlerHook {
+    NativeViewGestureHandler.NativeViewGestureHandlerHook,
+    ReactPointerEventsView {
     // Using object because of handling null representing no value set.
     var rippleColor: Int? = null
       set(color) = withBackgroundUpdate {
@@ -199,6 +213,8 @@ class RNGestureHandlerButtonViewManager :
 
     var exclusive = true
 
+    override var pointerEvents: PointerEvents = PointerEvents.AUTO
+
     private var buttonBackgroundColor = Color.TRANSPARENT
     private var needBackgroundUpdate = false
     private var lastEventTime = -1L

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

@@ -221,12 +221,17 @@ - (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);
 
+  // We need to cast to ViewProps to access the pointerEvents property with the correct type.
+  // This is necessary because pointerEvents is redefined in the spec,
+  // which shadows the base property with a different, incompatible type.
+  const auto &newViewProps = static_cast<const ViewProps &>(newProps);
   if (!oldProps) {
-    _buttonView.pointerEvents = RCTPointerEventsToEnum(newProps.pointerEvents);
+    _buttonView.pointerEvents = RCTPointerEventsToEnum(newViewProps.pointerEvents);
   } else {
     const auto &oldButtonProps = *std::static_pointer_cast<const RNGestureHandlerButtonProps>(oldProps);
-    if (oldButtonProps.pointerEvents != newProps.pointerEvents) {
-      _buttonView.pointerEvents = RCTPointerEventsToEnum(newProps.pointerEvents);
+    const auto &oldViewProps = static_cast<const ViewProps &>(oldButtonProps);
+    if (oldViewProps.pointerEvents != newViewProps.pointerEvents) {
+      _buttonView.pointerEvents = RCTPointerEventsToEnum(newViewProps.pointerEvents);
     }
   }
 

packages/react-native-gesture-handler/src/specs/RNGestureHandlerButtonNativeComponent.ts

@@ -6,6 +6,7 @@ import type {
 } from 'react-native/Libraries/Types/CodegenTypes';
 import type { ViewProps, ColorValue } from 'react-native';
 
+// @ts-ignore - Redefining pointerEvents with WithDefault for codegen, conflicts with ViewProps type but codegen needs it
 interface NativeProps extends ViewProps {
   exclusive?: WithDefault<boolean, true>;
   foreground?: boolean;
@@ -17,6 +18,10 @@ interface NativeProps extends ViewProps {
   borderWidth?: Float;
   borderColor?: ColorValue;
   borderStyle?: WithDefault<string, 'solid'>;
+  pointerEvents?: WithDefault<
+    'box-none' | 'none' | 'box-only' | 'auto',
+    'auto'
+  >;
 }
 
 export default codegenNativeComponent<NativeProps>('RNGestureHandlerButton');