diff --git a/package/src/components/Attachment/Gallery.tsx b/package/src/components/Attachment/Gallery.tsx index e7ca831dd..20b182216 100644 --- a/package/src/components/Attachment/Gallery.tsx +++ b/package/src/components/Attachment/Gallery.tsx @@ -458,7 +458,7 @@ const GalleryImageThumbnail = < setLoadingImage(false); setLoadingImageError(true); }} - onLoadEnd={() => setLoadingImage(false)} + onLoadEnd={() => setTimeout(() => setLoadingImage(false), 0)} onLoadStart={() => setLoadingImage(true)} resizeMode={thumbnail.resizeMode} style={[ diff --git a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx index ed4bdc61e..1ad1fcad4 100644 --- a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx +++ b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx @@ -72,12 +72,12 @@ export const useAnimatedGalleryStyle = ({ { scaleX: -1 }, { translateY: yScaleOffset }, { - translateX: -translateX.value - xScaleOffset, + translateX: -xScaleOffset, }, { scale: oneEighth }, ], }; - }, []); + }, [index]); return [animatedGalleryStyle, animatedStyles]; };