diff --git a/packages/app/components/creator-channels/components/image-preview.tsx b/packages/app/components/creator-channels/components/image-preview.tsx index 49df0f537..72a5e687b 100644 --- a/packages/app/components/creator-channels/components/image-preview.tsx +++ b/packages/app/components/creator-channels/components/image-preview.tsx @@ -55,24 +55,25 @@ export const ImagePreview = ({ tw="web:cursor-pointer" transition={300} recyclingKey={attachment.attachments[0]?.media_upload} - width={width} - height={height} source={ fileObj.url ? { uri: fileObj.url + "?optimizer=image&width=300&quality=50", - width: width, - height: height, + width: 300, } : undefined } + placeholderContentFit={"contain"} alt="" style={[ { borderRadius: 8 }, { backgroundColor: isDark ? "#333" : "#f5f5f5" }, { display: isViewable ? undefined : "none" }, + { width }, + { height }, style, ]} + cachePolicy={"none"} /> {!isViewable ? ( diff --git a/packages/app/screens/shared-element.tsx b/packages/app/screens/shared-element.tsx index 7b4b58247..39a8b1fc4 100644 --- a/packages/app/screens/shared-element.tsx +++ b/packages/app/screens/shared-element.tsx @@ -156,14 +156,19 @@ const SharedElementScreen = withColorScheme(() => { { }, animatedStyles, ]} + width={normalizedImageDimensions.width} + height={normalizedImageDimensions.height} + cachePolicy={"none"} />