Feconf

packages/PinchZoom/PinchZoom.example.tsx

@@ -138,7 +138,7 @@ export function ImageSlider({ imageSources = images }:{ imageSources?: ImageSour
 
     if (moveNext && currentIndex < imageSources.length - 1 && targetTranslate) {
       Animated.timing(targetTranslate, {
-        toValue: { x: -WIDTH, y: animValues.y },
+        toValue: { x: -(animValues.scale + 1) / 2 * WIDTH, y: animValues.y },
         useNativeDriver: true,
         duration: 300,
       }).start(() => {
@@ -149,7 +149,7 @@ export function ImageSlider({ imageSources = images }:{ imageSources?: ImageSour
       });
     } else if (movePrev && currentIndex > 0 && targetTranslate) {
       Animated.timing(targetTranslate, {
-        toValue: { x: WIDTH, y: animValues.y },
+        toValue: { x: (animValues.scale + 1) / 2 * WIDTH, y: animValues.y },
         useNativeDriver: true,
         duration: 300,
       }).start(() => {
@@ -213,6 +213,7 @@ export function ImageSlider({ imageSources = images }:{ imageSources?: ImageSour
           translateOtherImages();
         }}
         onRelease={onRelease}
+        fixOverflowAfterRelease={false}
         style={{
           width: WIDTH,
           justifyContent: 'center',