Fix image viewer placeholder

src/components/GracefullyImage.tsx

@@ -63,9 +63,10 @@ const GracefullyImage = ({
       {...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })}
     >
       <Image
+        placeholderContentFit='cover'
         placeholder={sources.blurhash || connectMedia(sources.preview)}
         source={hidden ? undefined : connectMedia(source)}
-        transition={{ duration: 100 }}
+        transition={{ duration: 80 }}
         style={{ flex: 1, ...imageStyle }}
         onLoad={event => {
           if (setImageDimensions && event.source) {

src/screens/ImageViewer/index.tsx

@@ -194,9 +194,9 @@ const ScreenImagesViewer = ({
                   >
                     <GracefullyImage
                       sources={{
-                        preview: { uri: item.preview_url, width: item.width, height: item.height },
+                        preview: { uri: item.preview_url },
-                        default: { uri: item.url, width: item.width, height: item.height },
+                        default: { uri: item.url },
-                        remote: { uri: item.remote_url, width: item.width, height: item.height }
+                        remote: { uri: item.remote_url }
                       }}
                       dimension={{
                         width:

src/screens/Tabs/index.tsx

@@ -52,6 +52,7 @@ const ScreenTabs = () => {
               return (
                 <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                   <GracefullyImage
+                    key={accountActive}
                     sources={{ default: { uri: avatarStatic } }}
                     dimension={{ width: size, height: size }}
                     style={{