Fix render loop on Android (#6213)

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

@@ -396,10 +396,14 @@ const ImageItem = ({
                 placeholderContentFit="cover"
                 placeholder={{uri: imageSrc.thumbUri}}
                 accessibilityLabel={imageSrc.alt}
-                onLoad={e => {
+                onLoad={
+                  hasLoaded
+                    ? undefined
+                    : e => {
                         setHasLoaded(true)
                         onLoad({width: e.source.width, height: e.source.height})
-                }}
+                      }
+                }
                 style={{flex: 1, borderRadius}}
                 accessibilityHint=""
                 accessibilityIgnoresInvertColors

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

@@ -228,10 +228,14 @@ const ImageItem = ({
               accessibilityHint=""
               enableLiveTextInteraction={showControls && !scaled}
               accessibilityIgnoresInvertColors
-              onLoad={e => {
+              onLoad={
+                hasLoaded
+                  ? undefined
+                  : e => {
                       setHasLoaded(true)
                       onLoad({width: e.source.width, height: e.source.height})
-              }}
+                    }
+              }
             />
           </Animated.View>
         </Animated.View>

src/view/com/util/images/AutoSizedImage.tsx

@@ -113,9 +113,13 @@ export function AutoSizedImage({
         accessibilityIgnoresInvertColors
         accessibilityLabel={image.alt}
         accessibilityHint=""
-        onLoad={e => {
+        onLoad={
+          fetchedDims
+            ? undefined
+            : e => {
                 setFetchedDims({width: e.source.width, height: e.source.height})
-        }}
+              }
+        }
       />
       <MediaInsetBorder />