Send touch events on Android

Author: j-piasecki

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

@@ -179,14 +179,21 @@ class RNGestureHandlerEventDispatcher(private val reactApplicationContext: React
     when (handler.actionType) {
       GestureHandler.ACTION_TYPE_REANIMATED_WORKLET -> {
         // Reanimated worklet
-        val event = RNGestureHandlerTouchEvent.obtain(handler)
+        val event = RNGestureHandlerTouchEvent.obtain(handler, handler.actionType)
         sendEventForReanimated(event)
       }
       GestureHandler.ACTION_TYPE_JS_FUNCTION_NEW_API -> {
         // JS function, Animated.event with useNativeDriver: false with new API
         val data = RNGestureHandlerTouchEvent.createEventData(handler)
         sendEventForDeviceEvent(RNGestureHandlerEvent.EVENT_NAME, data)
       }
+      GestureHandler.ACTION_TYPE_NATIVE_DETECTOR -> {
+        val view = handler.view
+        if (view is RNGestureHandlerDetectorView) {
+          val event = RNGestureHandlerTouchEvent.obtain(handler, handler.actionType)
+          view.dispatchEvent(event)
+        }
+      }
     }
   }
 

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

@@ -10,19 +10,28 @@ import com.swmansion.gesturehandler.core.GestureHandler
 class RNGestureHandlerTouchEvent private constructor() : Event<RNGestureHandlerTouchEvent>() {
   private var extraData: WritableMap? = null
   private var coalescingKey: Short = 0
-  private fun <T : GestureHandler> init(handler: T) {
+  private var actionType = GestureHandler.ACTION_TYPE_JS_FUNCTION_NEW_API
+
+  private fun <T : GestureHandler> init(handler: T, actionType: Int) {
     val view = handler.view!!
     super.init(UIManagerHelper.getSurfaceId(view), view.id)
     extraData = createEventData(handler)
     coalescingKey = handler.eventCoalescingKey
+    this.actionType = actionType
   }
 
   override fun onDispose() {
     extraData = null
     EVENTS_POOL.release(this)
   }
 
-  override fun getEventName() = EVENT_NAME
+  override fun getEventName() = if (actionType ==
+    GestureHandler.ACTION_TYPE_NATIVE_DETECTOR
+  ) {
+    NATIVE_EVENT_NAME
+  } else {
+    EVENT_NAME
+  }
 
   override fun canCoalesce() = true
 
@@ -37,14 +46,15 @@ class RNGestureHandlerTouchEvent private constructor() : Event<RNGestureHandlerT
     const val EVENT_TOUCH_CANCELLED = 4
 
     const val EVENT_NAME = "onGestureHandlerEvent"
+    const val NATIVE_EVENT_NAME = "onGestureHandlerTouchEvent"
     private const val TOUCH_EVENTS_POOL_SIZE = 7 // magic
     private val EVENTS_POOL = Pools.SynchronizedPool<RNGestureHandlerTouchEvent>(
       TOUCH_EVENTS_POOL_SIZE,
     )
 
-    fun <T : GestureHandler> obtain(handler: T): RNGestureHandlerTouchEvent =
+    fun <T : GestureHandler> obtain(handler: T, actionType: Int): RNGestureHandlerTouchEvent =
       (EVENTS_POOL.acquire() ?: RNGestureHandlerTouchEvent()).apply {
-        init(handler)
+        init(handler, actionType)
       }
 
     fun <T : GestureHandler> createEventData(handler: T): WritableMap = Arguments.createMap().apply {

packages/react-native-gesture-handler/src/NativeDetector.tsx

@@ -17,6 +17,9 @@ export function NativeDetector({ gesture, children }: NativeDetectorProps) {
       onGestureHandlerEvent={(event) => {
         console.log('onGestureHandlerEvent', event.nativeEvent);
       }}
+      onGestureHandlerTouchEvent={(event) => {
+        console.log('onGestureHandlerTouchEvent', event.nativeEvent);
+      }}
       // @ts-expect-error _RNGH_MODULE_ID is injected via JSI
       moduleId={globalThis._RNGH_MODULE_ID}
       handlerTags={[gesture.tag]}