From a7788e414bcd9dad490ea77ad72ea8d1f52aaf8e Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 3 Nov 2024 02:20:59 +0000
Subject: [PATCH] Fix gesture recognition outside image

---
 .../components/ImageItem/ImageItem.android.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
index e5284faa6a..a5b6e5f5ac 100644
--- a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
@@ -293,13 +293,13 @@ const ImageItem = ({
       )
 
   return (
-    <Animated.View
-      ref={containerRef}
-      // Necessary to make opacity work for both children together.
-      renderToHardwareTextureAndroid
-      style={[styles.container, animatedStyle, {}]}>
-      <ActivityIndicator size="small" color="#FFF" style={styles.loading} />
-      <GestureDetector gesture={composedGesture}>
+    <GestureDetector gesture={composedGesture}>
+      <Animated.View
+        ref={containerRef}
+        // Necessary to make opacity work for both children together.
+        renderToHardwareTextureAndroid
+        style={[styles.container, animatedStyle, {}]}>
+        <ActivityIndicator size="small" color="#FFF" style={styles.loading} />
         <Image
           contentFit="contain"
           source={{uri: imageSrc.uri}}
@@ -320,8 +320,8 @@ const ImageItem = ({
           accessibilityIgnoresInvertColors
           cachePolicy="memory"
         />
-      </GestureDetector>
-    </Animated.View>
+      </Animated.View>
+    </GestureDetector>
   )
 }