From fea3dc3ad4e1eb4cb6bd2458ddfcc934c217f9c6 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 8 Nov 2024 04:49:46 +0000
Subject: [PATCH] Try to squeeze perf

---
 .../ImageViewing/components/ImageItem/ImageItem.android.tsx  | 5 +++--
 src/view/com/lightbox/ImageViewing/index.tsx                 | 5 ++++-
 2 files changed, 7 insertions(+), 3 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 8413388e4e..5a99de27cc 100644
--- a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
@@ -377,7 +377,7 @@ const ImageItem = ({
         ref={containerRef}
         style={[styles.container]}
         renderToHardwareTextureAndroid>
-        <Animated.View style={containerStyle}>
+        <Animated.View style={containerStyle} renderToHardwareTextureAndroid>
           {showLoader && (
             <ActivityIndicator
               size="small"
@@ -385,8 +385,9 @@ const ImageItem = ({
               style={styles.loading}
             />
           )}
-          <Animated.View style={imageCropStyle}>
+          <Animated.View style={imageCropStyle} renderToHardwareTextureAndroid>
             <AnimatedImage
+              renderToHardwareTextureAndroid
               contentFit="cover"
               source={{uri: imageSrc.uri}}
               placeholderContentFit="cover"
diff --git a/src/view/com/lightbox/ImageViewing/index.tsx b/src/view/com/lightbox/ImageViewing/index.tsx
index 57d6838143..13da810c3f 100644
--- a/src/view/com/lightbox/ImageViewing/index.tsx
+++ b/src/view/com/lightbox/ImageViewing/index.tsx
@@ -179,6 +179,7 @@ function ImageView({
     }
     return {pointerEvents: 'auto'}
   })
+
   const backdropStyle = useAnimatedStyle(() => {
     const screenSize = measure(safeAreaRef)
     let opacity = 1
@@ -191,10 +192,12 @@ function ImageView({
       )
       opacity -= dragProgress
     }
+    const factor = isIOS ? 100 : 50
     return {
-      opacity,
+      opacity: Math.round(opacity * factor) / factor,
     }
   })
+
   const animatedHeaderStyle = useAnimatedStyle(() => {
     const show = showControls && dismissSwipeTranslateY.value === 0
     return {