react-native-gesture-image-viewer 2.3.0 → 2.3.2

package/lib/module/GestureViewerManager.js

@@ -115,27 +115,28 @@ class GestureViewerManager {
   }
   rotate = (angle = 90, clockwise = true) => {
     const MAX_ANGLE = 360;
-    if (!this.rotation || angle < 0 || angle > MAX_ANGLE || angle !== 0 && this.rotation.value % angle !== 0 && angle !== 360) {
+    const currentRotation = this.rotation?.get();
+    if (currentRotation === undefined || angle < 0 || angle > MAX_ANGLE || angle !== 0 && currentRotation % angle !== 0 && angle !== 360) {
       return;
     }
     if (angle === 0) {
-      const nextAngle = Math.floor(this.rotation.value / MAX_ANGLE) * MAX_ANGLE;
-      this.rotation.value = withTiming(clockwise ? nextAngle : nextAngle - MAX_ANGLE);
+      const nextAngle = Math.floor(currentRotation / MAX_ANGLE) * MAX_ANGLE;
+      this.rotation?.set(withTiming(clockwise ? nextAngle : nextAngle - MAX_ANGLE));
       return;
     }
     if (angle === 360) {
-      this.rotation.value = withTiming(clockwise ? this.rotation.value + MAX_ANGLE : this.rotation.value - MAX_ANGLE);
+      this.rotation?.set(withTiming(clockwise ? currentRotation + MAX_ANGLE : currentRotation - MAX_ANGLE));
       return;
     }
-    const nextAngle = clockwise ? this.rotation.value + angle : this.rotation.value - angle;
-    this.rotation.value = withTiming(nextAngle);
+    const nextAngle = clockwise ? currentRotation + angle : currentRotation - angle;
+    this.rotation?.set(withTiming(nextAngle));
   };
   zoomIn = (multiplier = 0.25) => {
     if (!this.scale || !this.translateX || !this.translateY || multiplier < 0.01 || multiplier > 1) {
       return;
     }
-    const nextScale = Math.min(this.scale.value * (1 + multiplier), this.maxZoomScale);
-    this.scale.value = withTiming(nextScale);
+    const nextScale = Math.min(this.scale.get() * (1 + multiplier), this.maxZoomScale);
+    this.scale.set(withTiming(nextScale));
     const {
       translateX,
       translateY
@@ -143,22 +144,22 @@ class GestureViewerManager {
       width: this.width,
       height: this.height
     })({
-      translateX: this.translateX.value,
-      translateY: this.translateY.value,
+      translateX: this.translateX.get(),
+      translateY: this.translateY.get(),
       scale: nextScale
     });
-    this.translateX.value = withTiming(translateX);
-    this.translateY.value = withTiming(translateY);
+    this.translateX.set(withTiming(translateX));
+    this.translateY.set(withTiming(translateY));
   };
   zoomOut = (multiplier = 0.25) => {
     if (!this.scale || !this.translateX || !this.translateY || multiplier < 0.01 || multiplier > 1) {
       return;
     }
-    const nextScale = Math.max(this.scale.value / (1 + multiplier), 1);
-    this.scale.value = withTiming(nextScale);
+    const nextScale = Math.max(this.scale.get() / (1 + multiplier), 1);
+    this.scale.set(withTiming(nextScale));
     if (nextScale === 1) {
-      this.translateX.value = withTiming(0);
-      this.translateY.value = withTiming(0);
+      this.translateX.set(withTiming(0));
+      this.translateY.set(withTiming(0));
       return;
     }
     const {
@@ -168,20 +169,20 @@ class GestureViewerManager {
       width: this.width,
       height: this.height
     })({
-      translateX: this.translateX.value,
-      translateY: this.translateY.value,
+      translateX: this.translateX.get(),
+      translateY: this.translateY.get(),
       scale: nextScale
     });
-    this.translateX.value = withTiming(translateX);
-    this.translateY.value = withTiming(translateY);
+    this.translateX.set(withTiming(translateX));
+    this.translateY.set(withTiming(translateY));
   };
   resetZoom = (scale = 1) => {
     if (!this.scale || !this.translateX || !this.translateY || scale <= 0 || scale > this.maxZoomScale) {
       return;
     }
-    this.scale.value = withTiming(scale);
-    this.translateX.value = withTiming(0);
-    this.translateY.value = withTiming(0);
+    this.scale.set(withTiming(scale));
+    this.translateX.set(withTiming(0));
+    this.translateY.set(withTiming(0));
   };
   goToIndex = index => {
     if (!this.enableHorizontalSwipe || !this.listRef) {

package/lib/module/GestureViewerManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["withTiming","createBoundsConstraint","createScrollAction","GestureViewerManager","currentIndex","dataLength","width","height","maxZoomScale","enableHorizontalSwipe","enableLoop","listRef","scale","rotation","translateX","translateY","resetTransformCallback","loopCallback","programmaticScrollVersion","listeners","Set","eventListeners","Map","notifyListeners","state","getState","forEach","listener","subscribe","add","delete","addEventListener","eventType","callback","has","set","get","size","emitEvent","data","emitZoomChange","previousScale","emitRotationChange","previousRotation","emitTap","totalCount","getProgrammaticScrollVersion","setEnableLoop","enabled","setWidth","setHeight","setListRef","ref","setDataLength","length","setEnableHorizontalSwipe","setCurrentIndex","index","setZoomSharedValues","setResetTransformCallback","notifyStateChange","setRotation","rotate","angle","clockwise","MAX_ANGLE","value","nextAngle","Math","floor","zoomIn","multiplier","nextScale","min","zoomOut","max","resetZoom","goToIndex","cancelPendingLoopTransition","scrollTo","updateCurrentIndex","handleMomentumScrollEnd","scrollIndex","handleScrollBeginDrag","goToPrevious","goToNext","cleanUp","clear","targetIndex"],"sourceRoot":"../../src","sources":["GestureViewerManager.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["withTiming","createBoundsConstraint","createScrollAction","GestureViewerManager","currentIndex","dataLength","width","height","maxZoomScale","enableHorizontalSwipe","enableLoop","listRef","scale","rotation","translateX","translateY","resetTransformCallback","loopCallback","programmaticScrollVersion","listeners","Set","eventListeners","Map","notifyListeners","state","getState","forEach","listener","subscribe","add","delete","addEventListener","eventType","callback","has","set","get","size","emitEvent","data","emitZoomChange","previousScale","emitRotationChange","previousRotation","emitTap","totalCount","getProgrammaticScrollVersion","setEnableLoop","enabled","setWidth","setHeight","setListRef","ref","setDataLength","length","setEnableHorizontalSwipe","setCurrentIndex","index","setZoomSharedValues","setResetTransformCallback","notifyStateChange","setRotation","rotate","angle","clockwise","MAX_ANGLE","currentRotation","undefined","nextAngle","Math","floor","zoomIn","multiplier","nextScale","min","zoomOut","max","resetZoom","goToIndex","cancelPendingLoopTransition","scrollTo","updateCurrentIndex","handleMomentumScrollEnd","scrollIndex","handleScrollBeginDrag","goToPrevious","goToNext","cleanUp","clear","targetIndex"],"sourceRoot":"../../src","sources":["GestureViewerManager.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/useGestureViewer.js

@@ -10,6 +10,7 @@ import { useGestureViewerPaging } from './useGestureViewerPaging';
 import { createBoundsConstraint, createScrollAction } from "./utils/index.js";
 import { getDismissDistance, shouldDismissByDirection } from "./utils/dismiss.js";
 import { applyTapZoomAtPoint } from "./utils/tapZoom.js";
+import { calculateFocalPointTranslation, shouldAcceptFocalPoint } from "./utils/zoom.js";
 export const useGestureViewer = ({
   data,
   initialIndex = 0,
@@ -69,6 +70,9 @@ export const useGestureViewer = ({
   const triggerOpacity = useSharedValue(1);
   const lastFocalX = useSharedValue(0);
   const lastFocalY = useSharedValue(0);
+  const startFocalX = useSharedValue(0);
+  const startFocalY = useSharedValue(0);
+  const hasActiveFocal = useSharedValue(false);
   const dataLength = data?.length || 0;
   const animationConfig = useMemo(() => ({
     duration: triggerAnimation?.duration ?? 300,
@@ -97,13 +101,13 @@ export const useGestureViewer = ({
     return scrollAction.scrollTo(index, animated);
   }, [width, itemSpacing]);
   const resetTransformState = useCallback(() => {
-    translateX.value = withTiming(0);
-    translateY.value = withTiming(0);
-    initialTranslateX.value = withTiming(0);
-    initialTranslateY.value = withTiming(0);
-    startScale.value = withTiming(1);
-    scale.value = withTiming(1);
-    rotation.value = 0;
+    translateX.set(withTiming(0));
+    translateY.set(withTiming(0));
+    initialTranslateX.set(withTiming(0));
+    initialTranslateY.set(withTiming(0));
+    startScale.set(withTiming(1));
+    scale.set(withTiming(1));
+    rotation.set(0);
   }, [initialTranslateX, initialTranslateY, rotation, scale, startScale, translateX, translateY]);
   const syncPendingIndex = useCallback(nextIndex => {
     if (nextIndex < 0 || nextIndex >= dataLength) {
@@ -133,13 +137,13 @@ export const useGestureViewer = ({
   const onAnimationComplete = useCallback(() => {
     onAnimationCompleteRef.current?.();
   }, []);
-  useAnimatedReaction(() => scale.value, (currentScale, previousScale) => {
+  useAnimatedReaction(() => scale.get(), (currentScale, previousScale) => {
     if (currentScale !== previousScale) {
       scheduleOnRN(emitZoomChange, currentScale, previousScale);
     }
     scheduleOnRN(setIsZoomed, currentScale > 1);
   });
-  useAnimatedReaction(() => rotation.value, (currentRotation, previousRotation) => {
+  useAnimatedReaction(() => rotation.get(), (currentRotation, previousRotation) => {
     if (currentRotation !== previousRotation) {
       scheduleOnRN(emitRotationChange, currentRotation, previousRotation);
     }
@@ -185,12 +189,12 @@ export const useGestureViewer = ({
     manager.setListRef(listRef.current);
   }, [manager]);
   useEffect(() => {
-    translateY.value = 0;
-    translateX.value = 0;
-    scale.value = 1;
-    backdropOpacity.value = 1;
-    startScale.value = 1;
-    rotation.value = 0;
+    translateY.set(0);
+    translateX.set(0);
+    scale.set(1);
+    backdropOpacity.set(1);
+    startScale.set(1);
+    rotation.set(0);
     if (adjustedInitialIndex <= 0 || !listRef.current) {
       return;
     }
@@ -218,22 +222,22 @@ export const useGestureViewer = ({
       const startX = triggerRectRef.current.x + triggerRectRef.current.width / 2 - width / 2;
       const startY = triggerRectRef.current.y + triggerRectRef.current.height / 2 - height / 2;
       const initialScaleFromTrigger = Math.min(triggerRectRef.current.width / width, triggerRectRef.current.height / height);
-      triggerScale.value = initialScaleFromTrigger;
-      triggerTranslateX.value = startX;
-      triggerTranslateY.value = startY;
-      triggerOpacity.value = 0;
-      triggerScale.value = withTiming(1, animationConfig, finished => {
+      triggerScale.set(initialScaleFromTrigger);
+      triggerTranslateX.set(startX);
+      triggerTranslateY.set(startY);
+      triggerOpacity.set(0);
+      triggerScale.set(withTiming(1, animationConfig, finished => {
         if (finished) {
           scheduleOnRN(onAnimationComplete);
         }
-      });
-      triggerTranslateX.value = withTiming(0, animationConfig);
-      triggerTranslateY.value = withTiming(0, animationConfig);
-      triggerOpacity.value = withTiming(1, {
+      }));
+      triggerTranslateX.set(withTiming(0, animationConfig));
+      triggerTranslateY.set(withTiming(0, animationConfig));
+      triggerOpacity.set(withTiming(1, {
         duration: animationConfig.duration / 2,
         easing: animationConfig.easing,
         reduceMotion: animationConfig.reduceMotion
-      });
+      }));
       setShouldStartTriggerAnimation(false);
     }
   }, [shouldStartTriggerAnimation, animationConfig, width, height, triggerOpacity, triggerScale, triggerTranslateX, triggerTranslateY, onAnimationComplete]);
@@ -253,7 +257,7 @@ export const useGestureViewer = ({
         return;
       }
       triggerRectRef.current = nextTriggerRect;
-      triggerOpacity.value = 0;
+      triggerOpacity.set(0);
       setShouldStartTriggerAnimation(true);
       registry.clearActiveTriggerNode(id);
     });
@@ -267,14 +271,14 @@ export const useGestureViewer = ({
     const endX = rect.x + rect.width / 2 - width / 2;
     const endY = rect.y + rect.height / 2 - height / 2;
     const endScale = Math.min(rect.width / width, rect.height / height);
-    triggerScale.value = withTiming(endScale, animationConfig);
-    triggerTranslateX.value = withTiming(endX, animationConfig);
-    triggerTranslateY.value = withTiming(endY, animationConfig);
-    triggerOpacity.value = withTiming(0, animationConfig, finished => {
+    triggerScale.set(withTiming(endScale, animationConfig));
+    triggerTranslateX.set(withTiming(endX, animationConfig));
+    triggerTranslateY.set(withTiming(endY, animationConfig));
+    triggerOpacity.set(withTiming(0, animationConfig, finished => {
       if (finished && onDismiss) {
         scheduleOnRN(onDismiss);
       }
-    });
+    }));
   }, [animationConfig, height, onDismiss, triggerOpacity, triggerScale, triggerTranslateX, triggerTranslateY, width]);
   const dismissWithoutTrigger = useCallback(() => {
     if (onDismiss) {
@@ -314,53 +318,77 @@ export const useGestureViewer = ({
   const dismissGesture = useMemo(() => {
     const canDismiss = !isZoomed && dismissOptions.enabled;
     return Gesture.Pan().minDistance(10).averageTouches(true).activeCursor('grabbing').activeOffsetY([-10, 10]).failOffsetX([-10, 10]).withRef(dismissGestureRef).enabled(canDismiss).onUpdate(event => {
-      translateY.value = event.translationY / dismissOptions.resistance;
+      translateY.set(event.translationY / dismissOptions.resistance);
     }).onEnd(event => {
       if (canDismiss && shouldDismissByDirection(event.translationY, dismissOptions.threshold, dismissOptions.direction)) {
         scheduleOnRN(handleDismiss);
         return;
       }
-      translateY.value = withSpring(0, {
+      translateY.set(withSpring(0, {
         damping: 50,
         energyThreshold: 6e-9,
         mass: 4,
         overshootClamping: false,
         stiffness: 600
-      });
+      }));
     });
   }, [translateY, dismissOptions, handleDismiss, isZoomed]);
   const zoomPinchGesture = useMemo(() => Gesture.Pinch().enabled(enablePinchZoom).onTouchesDown(event => {
     if (event.numberOfTouches === 2) {
       scheduleOnRN(setIsPinching, true);
     }
-  }).onBegin(event => {
-    startScale.value = scale.value;
-    initialTranslateX.value = translateX.value;
-    initialTranslateY.value = translateY.value;
-    lastFocalX.value = event.focalX;
-    lastFocalY.value = event.focalY;
+  }).onStart(event => {
+    startScale.set(scale.get());
+    initialTranslateX.set(translateX.get());
+    initialTranslateY.set(translateY.get());
+    startFocalX.set(event.focalX);
+    startFocalY.set(event.focalY);
+    lastFocalX.set(event.focalX);
+    lastFocalY.set(event.focalY);
+    hasActiveFocal.set(false);
   }).onUpdate(event => {
-    const newScale = startScale.value * event.scale;
-    scale.value = newScale;
+    const initialScale = startScale.get();
+    const newScale = initialScale * event.scale;
+    scale.set(newScale);
     if (newScale <= 1) {
-      translateX.value = withTiming(0);
-      translateY.value = withTiming(0);
+      translateX.set(withTiming(0));
+      translateY.set(withTiming(0));
       return;
     }
-    const focalDeltaX = Math.abs(event.focalX - lastFocalX.value);
-    const focalDeltaY = Math.abs(event.focalY - lastFocalY.value);
     const threshold = 50;
-    if (focalDeltaX < threshold && focalDeltaY < threshold) {
-      lastFocalX.value = event.focalX;
-      lastFocalY.value = event.focalY;
+    if (shouldAcceptFocalPoint({
+      focalX: event.focalX,
+      focalY: event.focalY,
+      hasActiveFocal: hasActiveFocal.get(),
+      lastFocalX: lastFocalX.get(),
+      lastFocalY: lastFocalY.get(),
+      threshold
+    })) {
+      if (!hasActiveFocal.get()) {
+        startFocalX.set(event.focalX);
+        startFocalY.set(event.focalY);
+      }
+      lastFocalX.set(event.focalX);
+      lastFocalY.set(event.focalY);
+      hasActiveFocal.set(true);
     }
-    const deltaScale = newScale - startScale.value;
-    const centerX = lastFocalX.value - width / 2;
-    const centerY = lastFocalY.value - height / 2;
-
-    // NOTE 새로운 이동값 = 기존 이동값 - (중심점 거리 × 스케일 변화량) / 원래 스케일 (중심점이 화면 중심에서 멀수록, 확대 배율이 클수록 더 많이 이동)
-    const newTranslateX = initialTranslateX.value - centerX * deltaScale / startScale.value;
-    const newTranslateY = initialTranslateY.value - centerY * deltaScale / startScale.value;
+    const nextLastFocalX = lastFocalX.get();
+    const nextLastFocalY = lastFocalY.get();
+    const {
+      translateX: newTranslateX,
+      translateY: newTranslateY
+    } = calculateFocalPointTranslation({
+      currentFocalX: nextLastFocalX,
+      currentFocalY: nextLastFocalY,
+      height,
+      initialScale,
+      initialTranslateX: initialTranslateX.get(),
+      initialTranslateY: initialTranslateY.get(),
+      nextScale: newScale,
+      startFocalX: startFocalX.get(),
+      startFocalY: startFocalY.get(),
+      width
+    });
     const {
       translateX: constrainedTranslateX,
       translateY: constrainedTranslateY
@@ -369,69 +397,73 @@ export const useGestureViewer = ({
       translateX: newTranslateX,
       translateY: newTranslateY
     });
-    translateX.value = constrainedTranslateX;
-    translateY.value = constrainedTranslateY;
+    translateX.set(constrainedTranslateX);
+    translateY.set(constrainedTranslateY);
   }).onEnd(() => {
-    if (scale.value > maxZoomScale) {
-      scale.value = withTiming(maxZoomScale, {
+    const currentScale = scale.get();
+    if (currentScale > maxZoomScale) {
+      scale.set(withTiming(maxZoomScale, {
         duration: 300,
         easing: Easing.bezier(0.25, 0.1, 0.25, 1)
-      });
+      }));
       const {
         translateX: constrainedTranslateX,
         translateY: constrainedTranslateY
       } = constrainTranslation({
         scale: maxZoomScale,
-        translateX: translateX.value,
-        translateY: translateY.value
+        translateX: translateX.get(),
+        translateY: translateY.get()
       });
-      translateX.value = withTiming(constrainedTranslateX);
-      translateY.value = withTiming(constrainedTranslateY);
+      translateX.set(withTiming(constrainedTranslateX));
+      translateY.set(withTiming(constrainedTranslateY));
       return;
     }
-    if (scale.value < 1) {
-      scale.value = withTiming(1, {
+    if (currentScale < 1) {
+      scale.set(withTiming(1, {
         duration: 300,
         easing: Easing.bezier(0.25, 0.1, 0.25, 1)
-      });
-      translateX.value = withTiming(0);
-      translateY.value = withTiming(0);
-      initialTranslateX.value = withTiming(0);
-      initialTranslateY.value = withTiming(0);
+      }));
+      translateX.set(withTiming(0));
+      translateY.set(withTiming(0));
+      initialTranslateX.set(withTiming(0));
+      initialTranslateY.set(withTiming(0));
+      hasActiveFocal.set(false);
       return;
     }
     const {
       translateX: constrainedTranslateX,
       translateY: constrainedTranslateY
     } = constrainTranslation({
-      scale: scale.value,
-      translateX: translateX.value,
-      translateY: translateY.value
+      scale: currentScale,
+      translateX: translateX.get(),
+      translateY: translateY.get()
     });
-    translateX.value = withTiming(constrainedTranslateX);
-    translateY.value = withTiming(constrainedTranslateY);
+    translateX.set(withTiming(constrainedTranslateX));
+    translateY.set(withTiming(constrainedTranslateY));
   }).onTouchesUp(() => {
     scheduleOnRN(setIsPinching, false);
   }).onFinalize(() => {
+    hasActiveFocal.set(false);
     scheduleOnRN(setIsPinching, false);
-  }), [scale, enablePinchZoom, maxZoomScale, translateX, translateY, startScale, initialTranslateX, initialTranslateY, width, height, constrainTranslation, lastFocalX, lastFocalY]);
+  }), [scale, enablePinchZoom, maxZoomScale, translateX, translateY, startScale, initialTranslateX, initialTranslateY, width, height, constrainTranslation, lastFocalX, lastFocalY, startFocalX, startFocalY, hasActiveFocal]);
   const zoomPanGesture = useMemo(() => Gesture.Pan().enabled(enablePanWhenZoomed && isZoomed).activeCursor('grabbing').averageTouches(true).onBegin(() => {
-    initialTranslateX.value = translateX.value;
-    initialTranslateY.value = translateY.value;
+    initialTranslateX.set(translateX.get());
+    initialTranslateY.set(translateY.get());
   }).onUpdate(event => {
-    if (scale.value > 1) {
-      const newTranslateX = initialTranslateX.value + event.translationX;
-      const newTranslateY = initialTranslateY.value + event.translationY;
+    const currentScale = scale.get();
+    if (currentScale > 1) {
+      const newTranslateX = initialTranslateX.get() + event.translationX;
+      const newTranslateY = initialTranslateY.get() + event.translationY;
       const {
         translateX: constrainedTranslateX,
         translateY: constrainedTranslateY
       } = constrainTranslation({
-        scale: scale.value,
+        scale: currentScale,
         translateX: newTranslateX,
         translateY: newTranslateY
       });
-      translateX.value = constrainedTranslateX;
-      translateY.value = constrainedTranslateY;
+      translateX.set(constrainedTranslateX);
+      translateY.set(constrainedTranslateY);
     }
   }), [translateX, translateY, enablePanWhenZoomed, isZoomed, scale, initialTranslateX, initialTranslateY, constrainTranslation]);
   const emitSingleTap = useCallback((x, y) => {
@@ -478,31 +510,31 @@ export const useGestureViewer = ({
   const tapGesture = useMemo(() => Gesture.Exclusive(doubleTapGesture, singleTapGesture), [doubleTapGesture, singleTapGesture]);
   const zoomGesture = useMemo(() => Gesture.Race(zoomPinchGesture, Gesture.Exclusive(zoomPanGesture, tapGesture)), [zoomPinchGesture, zoomPanGesture, tapGesture]);
   const animatedStyle = useAnimatedStyle(() => ({
-    opacity: triggerOpacity.value,
+    opacity: triggerOpacity.get(),
     transform: [{
-      translateX: triggerTranslateX.value
+      translateX: triggerTranslateX.get()
     }, {
-      translateY: triggerTranslateY.value
+      translateY: triggerTranslateY.get()
     }, {
-      scale: triggerScale.value
+      scale: triggerScale.get()
     }, {
-      translateY: translateY.value
+      translateY: translateY.get()
     }, {
-      translateX: translateX.value
+      translateX: translateX.get()
     }, {
-      scale: scale.value
+      scale: scale.get()
     }, {
-      rotate: `${rotation.value}deg`
+      rotate: `${rotation.get()}deg`
     }]
   }));
   const backdropStyle = useAnimatedStyle(() => {
-    const baseOpacity = triggerOpacity.value;
-    if (!dismissOptions.fadeBackdrop || scale.value !== 1) {
+    const baseOpacity = triggerOpacity.get();
+    if (!dismissOptions.fadeBackdrop || scale.get() !== 1) {
       return {
         opacity: baseOpacity
       };
     }
-    const dismissDistance = getDismissDistance(translateY.value, dismissOptions.direction);
+    const dismissDistance = getDismissDistance(translateY.get(), dismissOptions.direction);
     const dismissOpacity = interpolate(dismissDistance, [0, 200], [1, 0], 'clamp');
     return {
       opacity: baseOpacity * dismissOpacity