Ran prettier

Item.tsx

@@ -1,34 +1,35 @@
-import {Dimensions, View} from 'react-native';
-import {DocumentPickerResponse} from 'react-native-document-picker';
-import Video from 'react-native-video';
-import {backgroundColor} from './constants';
+import {useState} from 'react'
+import {Dimensions, View} from 'react-native'
+import {DocumentPickerResponse} from 'react-native-document-picker'
+import Video from 'react-native-video'
 
 export default function Item({
   slide,
   value,
   index,
 }: {
-  slide: number;
-  value: DocumentPickerResponse;
-  index: number;
+  slide: number
+  value: DocumentPickerResponse
+  index: number
 }) {
-  const height = Dimensions.get('screen').height;
+  const [paused, setPaused] = useState(false)
+  const [width, setWidth] = useState(0)
 
   return (
-    <View
-      style={{
-        height: '100%',
-        width: '100%',
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor,
-      }}>
+    <View style={{alignItems: 'center'}}>
       <Video
-        key={value.name}
         paused={slide !== index}
-        style={{width: 200, height: height / 2}}
+        style={{
+          height: Dimensions.get('screen').height - 125,
+          width,
+          alignItems: 'center',
+        }}
         source={{uri: value.uri}}
+        resizeMode="contain"
+        onLoad={response => {
+          setWidth(response.naturalSize.width)
+        }}
       />
     </View>
-  );
+  )
 }