Fix last frame flash

src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx

@@ -58,6 +58,7 @@ type Props = {
       cropFrameTransform: Transform
       cropContentTransform: Transform
       isResting: boolean
+      isHidden: boolean
     }>
   >
 }
@@ -310,7 +311,7 @@ const ImageItem = ({
       )
 
   const containerStyle = useAnimatedStyle(() => {
-    const {scaleAndMoveTransform} = transforms.value
+    const {scaleAndMoveTransform, isHidden} = transforms.value
     // Apply the active adjustments on top of the committed transform before the gestures.
     // This is matrix multiplication, so operations are applied in the reverse order.
     let t = createTransform()
@@ -325,6 +326,7 @@ const ImageItem = ({
     ]
     const screenSize = measureSafeArea()
     return {
+      opacity: isHidden ? 0 : 1,
       transform: scaleAndMoveTransform.concat(manipulationTransform),
       width: screenSize.width,
       maxHeight: screenSize.height,

src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.ios.tsx

@@ -55,6 +55,7 @@ type Props = {
       cropFrameTransform: Transform
       cropContentTransform: Transform
       isResting: boolean
+      isHidden: boolean
     }>
   >
 }
@@ -145,10 +146,11 @@ const ImageItem = ({
   )
 
   const containerStyle = useAnimatedStyle(() => {
-    const {scaleAndMoveTransform} = transforms.value
+    const {scaleAndMoveTransform, isHidden} = transforms.value
     return {
       flex: 1,
       transform: scaleAndMoveTransform,
+      opacity: isHidden ? 0 : 1,
     }
   })
 

src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.tsx

@@ -33,6 +33,7 @@ type Props = {
       cropFrameTransform: Transform
       cropContentTransform: Transform
       isResting: boolean
+      isHidden: boolean
     }>
   >
 }