Fix image resize mode

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

android/app/build.gradle

@@ -79,7 +79,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
-        versionName "0.0.4"
+        versionName "0.0.8"
     }
     signingConfigs {
         debug {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@karaolidis/terminally-online",
-  "version": "0.0.4",
+  "version": "0.0.8",
   "private": true,
   "scripts": {
     "postinstall": "patch-package",

src/screens/memeView/memeViewItem.tsx

@@ -44,11 +44,23 @@ const MemeViewItem = ({ meme }: { meme: Meme }) => {
     switch (meme.memeType) {
       case MEME_TYPE.IMAGE:
       case MEME_TYPE.GIF: {
-        return <AnimatedImage source={{ uri }} style={dimensionStyles} />;
+        return (
+          <AnimatedImage
+            source={{ uri }}
+            style={dimensionStyles}
+            resizeMode="contain"
+          />
+        );
       }
       default: {
         return (
-          <Video source={{ uri }} style={dimensionStyles} paused controls />
+          <Video
+            source={{ uri }}
+            style={dimensionStyles}
+            resizeMode="contain"
+            paused
+            controls
+          />
         );
       }
     }

src/screens/memes/memesList/memesMasonryItem.tsx

@@ -31,16 +31,16 @@ const MemesMasonryItem = ({
 }) => {
   const { width } = useSafeAreaFrame();
 
+  const { dimensions, loading, error } = useMemeDimensions(uri, meme.mimeType);
+
   const itemWidth = useMemo(
     () => (width * 0.92 - 5) / columns - 5,
     [columns, width],
   );
 
-  const { dimensions, loading, error } = useMemeDimensions(uri, meme.mimeType);
-
   const itemHeight = useMemo(
-    () => ((width * 0.92) / columns - 5) / (dimensions?.aspectRatio ?? 1),
+    () => itemWidth / (dimensions?.aspectRatio ?? 1),
-    [columns, dimensions?.aspectRatio, width],
+    [dimensions?.aspectRatio, itemWidth],
   );
 
   const mediaComponent = useMemo(() => {