From d3586e4d4376870eaa6576efa167e3571bbd0dd1 Mon Sep 17 00:00:00 2001
From: Khushal Agarwal <khushal.agarwal987@gmail.com>
Date: Wed, 22 Oct 2025 19:03:04 +0530
Subject: [PATCH] fix: regression due to scaleX for individual images

---
 package/src/components/ImageGallery/ImageGallery.tsx        | 2 +-
 .../ImageGallery/hooks/useAnimatedGalleryStyle.tsx          | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package/src/components/ImageGallery/ImageGallery.tsx b/package/src/components/ImageGallery/ImageGallery.tsx
index 10b2380066..c804c0ffd9 100644
--- a/package/src/components/ImageGallery/ImageGallery.tsx
+++ b/package/src/components/ImageGallery/ImageGallery.tsx
@@ -378,7 +378,7 @@ export const ImageGallery = (props: Props) => {
   );
 
   /**
-   * This transition and scaleX reverse lets use scroll left
+   * This transition and scaleX reverse lets use scroll right
    */
   const pagerStyle = useAnimatedStyle<ImageStyle>(
     () => ({
diff --git a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
index 76d2d683a9..ff9bfce0f9 100644
--- a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
+++ b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
@@ -59,17 +59,17 @@ export const useAnimatedGalleryStyle = ({
         {
           scale: selected ? scale.value / 8 : oneEighth,
         },
-        { scaleX: -1 },
+        { scaleX: 1 },
       ],
     };
   }, [previous, selected]);
 
   const animatedStyles = useAnimatedStyle(() => {
-    const xScaleOffset = -7 * screenWidth * (0.5 + index);
+    const xScaleOffset = 7 * screenWidth * (0.5 + index);
     const yScaleOffset = -screenHeight * 3.5;
     return {
       transform: [
-        { scaleX: -1 },
+        { scaleX: 1 },
         { translateY: yScaleOffset },
         {
           translateX: -xScaleOffset,