From edc0a1874cc78231ca61e2bb72ebfd47ff54d154 Mon Sep 17 00:00:00 2001
From: Zhiyuan Zheng <me@xmflsct.com>
Date: Sat, 27 Mar 2021 18:16:10 +0100
Subject: [PATCH] Fix blurhash image miss align

---
 .../Timeline/Shared/Attachment/Image.tsx      | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Timeline/Shared/Attachment/Image.tsx b/src/components/Timeline/Shared/Attachment/Image.tsx
index ae7a446a..9f3086dd 100644
--- a/src/components/Timeline/Shared/Attachment/Image.tsx
+++ b/src/components/Timeline/Shared/Attachment/Image.tsx
@@ -2,7 +2,7 @@ import analytics from '@components/analytics'
 import GracefullyImage from '@components/GracefullyImage'
 import { StyleConstants } from '@utils/styles/constants'
 import React, { useCallback } from 'react'
-import { StyleSheet } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 import attachmentAspectRatio from './aspectRatio'
 
 export interface Props {
@@ -21,16 +21,15 @@ const AttachmentImage = React.memo(
     }, [])
 
     return (
-      <GracefullyImage
-        hidden={sensitiveShown}
-        uri={{ original: image.preview_url, remote: image.remote_url }}
-        blurhash={image.blurhash}
-        onPress={onPress}
-        style={[
-          styles.base,
-          { aspectRatio: attachmentAspectRatio({ total, index }) }
-        ]}
-      />
+      <View style={styles.base}>
+        <GracefullyImage
+          hidden={sensitiveShown}
+          uri={{ original: image.preview_url, remote: image.remote_url }}
+          blurhash={image.blurhash}
+          onPress={onPress}
+          style={[{ aspectRatio: attachmentAspectRatio({ total, index }) }]}
+        />
+      </View>
     )
   },
   (prev, next) => prev.sensitiveShown === next.sensitiveShown