fix(Android): implement ReactPointerEventsView to prevent header config from intercepting touches (#2796)

## Description

Closes #2794

We set `visibility = GONE` for the header config in HostTree (HT),
however this only prevents the Android framework from setting header
config frame,
and does not prevent `ReactNative` from setting non-zero frame. When it
has non-zero frame, react recognizes it as a touch target.

## Changes

I've implemented `ReactPointerEventsView` (returning `box-none`) making
sure that RN won't treat it as touch target.

I considered another approach - setting the frame to zero or not letting
react native to set the frame on the view - it also works,
however requires cumbersome implementation on Android API level < 29,
since `suppressLayout` method is available since 29.
On lower API levels you can not really ignore the frame - you can call
`layout` with 0 width in `onLayout` of the header config...

## Test code and steps to reproduce

`HeaderOptions` screen in `Example` app.

Tested it on both architectures & with `headerShown: false/true`.

## Checklist

- [ ] Ensured that CI passes

Author: kkafar

android/src/main/java/com/swmansion/rnscreens/ScreenStackFragment.kt

@@ -480,7 +480,7 @@ class ScreenStackFragment :
         constructor(context: Context, fragment: ScreenStackFragment) : this(
             context,
             fragment,
-            ScreensCoordinatorLayoutPointerEventsImpl(),
+            PointerEventsBoxNoneImpl(),
         )
 
         override fun onApplyWindowInsets(insets: WindowInsets?): WindowInsets = super.onApplyWindowInsets(insets)
@@ -543,7 +543,13 @@ class ScreenStackFragment :
             }
         }
 
-        override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
+        override fun onLayout(
+            changed: Boolean,
+            l: Int,
+            t: Int,
+            r: Int,
+            b: Int,
+        ) {
             super.onLayout(changed, l, t, r, b)
 
             if (fragment.screen.usesFormSheetPresentation()) {

android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.kt

@@ -15,6 +15,7 @@ import androidx.fragment.app.Fragment
 import com.facebook.react.ReactApplication
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.ReactPointerEventsView
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.views.text.ReactTypefaceUtils
 import com.swmansion.rnscreens.events.HeaderAttachedEvent
@@ -23,7 +24,11 @@ import kotlin.math.max
 
 class ScreenStackHeaderConfig(
     context: Context,
-) : FabricEnabledHeaderConfigViewGroup(context) {
+    private val pointerEventsImpl: ReactPointerEventsView
+) : FabricEnabledHeaderConfigViewGroup(context), ReactPointerEventsView by pointerEventsImpl {
+
+    constructor(context: Context): this(context, pointerEventsImpl = PointerEventsBoxNoneImpl())
+
     private val configSubviews = ArrayList<ScreenStackHeaderSubview>(3)
     val toolbar: CustomToolbar
     var isHeaderHidden = false // named this way to avoid conflict with platform's isHidden

…ensCoordinatorLayoutPointerEventsImpl.kt …on/rnscreens/PointerEventsBoxNoneImpl.ktandroid/src/versioned/pointerevents/77/com/swmansion/rnscreens/ScreensCoordinatorLayoutPointerEventsImpl.kt renamed to android/src/versioned/pointerevents/77/com/swmansion/rnscreens/PointerEventsBoxNoneImpl.kt android/src/versioned/pointerevents/77/com/swmansion/rnscreens/ScreensCoordinatorLayoutPointerEventsImpl.kt renamed to android/src/versioned/pointerevents/77/com/swmansion/rnscreens/PointerEventsBoxNoneImpl.kt

@@ -3,7 +3,7 @@ package com.swmansion.rnscreens
 import com.facebook.react.uimanager.PointerEvents
 import com.facebook.react.uimanager.ReactPointerEventsView
 
-internal class ScreensCoordinatorLayoutPointerEventsImpl : ReactPointerEventsView {
+internal class PointerEventsBoxNoneImpl() : ReactPointerEventsView {
     // We set pointer events to BOX_NONE, because we don't want the ScreensCoordinatorLayout
     // to be target of react gestures and effectively prevent interaction with screens
     // underneath the current screen (useful in `modal` & `formSheet` presentation).

…ensCoordinatorLayoutPointerEventsImpl.kt …on/rnscreens/PointerEventsBoxNoneImpl.ktandroid/src/versioned/pointerevents/latest/com/swmansion/rnscreens/ScreensCoordinatorLayoutPointerEventsImpl.kt renamed to android/src/versioned/pointerevents/latest/com/swmansion/rnscreens/PointerEventsBoxNoneImpl.kt android/src/versioned/pointerevents/latest/com/swmansion/rnscreens/ScreensCoordinatorLayoutPointerEventsImpl.kt renamed to android/src/versioned/pointerevents/latest/com/swmansion/rnscreens/PointerEventsBoxNoneImpl.kt

@@ -3,7 +3,7 @@ package com.swmansion.rnscreens
 import com.facebook.react.uimanager.PointerEvents
 import com.facebook.react.uimanager.ReactPointerEventsView
 
-internal class ScreensCoordinatorLayoutPointerEventsImpl() : ReactPointerEventsView {
+internal class PointerEventsBoxNoneImpl() : ReactPointerEventsView {
     // We set pointer events to BOX_NONE, because we don't want the ScreensCoordinatorLayout
     // to be target of react gestures and effectively prevent interaction with screens
     // underneath the current screen (useful in `modal` & `formSheet` presentation).