Prevent OOB scroll on iOS when zoomed in

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

@@ -7,7 +7,7 @@
  */
 
 import React, {useState} from 'react'
-import {ActivityIndicator, Dimensions, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, Dimensions, StyleSheet} from 'react-native'
 import {
   Gesture,
   GestureDetector,
@@ -121,44 +121,34 @@ const ImageItem = ({
       <Animated.ScrollView
         // @ts-ignore Something's up with the types here
         ref={scrollViewRef}
-        style={styles.listItem}
         pinchGestureEnabled
         showsHorizontalScrollIndicator={false}
         showsVerticalScrollIndicator={false}
         maximumZoomScale={maxZoomScale}
         onScroll={scrollHandler}
-        bounces={scaled}>
+        bounces={scaled}
-        <View style={styles.imageScrollContainer}>
+        centerContent>
-          <ActivityIndicator size="small" color="#FFF" style={styles.loading} />
+        <ActivityIndicator size="small" color="#FFF" style={styles.loading} />
-          <Image
+        <Image
-            contentFit="contain"
+          contentFit="contain"
-            source={{uri: imageSrc.uri}}
+          source={{uri: imageSrc.uri}}
-            placeholderContentFit="contain"
+          placeholderContentFit="contain"
-            placeholder={{uri: imageSrc.thumbUri}}
+          placeholder={{uri: imageSrc.thumbUri}}
-            style={styles.image}
+          style={{
-            accessibilityLabel={imageSrc.alt}
+            width: SCREEN.width,
-            accessibilityHint=""
+            height: imageAspect ? SCREEN.width / imageAspect : undefined,
-            enableLiveTextInteraction={showControls && !scaled}
+          }}
-            accessibilityIgnoresInvertColors
+          accessibilityLabel={imageSrc.alt}
-          />
+          accessibilityHint=""
-        </View>
+          enableLiveTextInteraction={showControls && !scaled}
+          accessibilityIgnoresInvertColors
+        />
       </Animated.ScrollView>
     </GestureDetector>
   )
 }
 
 const styles = StyleSheet.create({
-  imageScrollContainer: {
-    height: SCREEN.height,
-  },
-  listItem: {
-    width: SCREEN.width,
-    height: SCREEN.height,
-  },
-  image: {
-    width: SCREEN.width,
-    height: SCREEN.height,
-  },
   loading: {
     position: 'absolute',
     top: 0,