Move static pin duration

openspacelabs · Nov 2, 2024 · a772a52 · a772a52
1 parent 1068f42
commit a772a52
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 15 deletions.
diff --git a/lib/commonjs/ReactNativeZoomableView.js b/lib/commonjs/ReactNativeZoomableView.js
diff --git a/lib/commonjs/ReactNativeZoomableView.js.map b/lib/commonjs/ReactNativeZoomableView.js.map
diff --git a/lib/module/ReactNativeZoomableView.js b/lib/module/ReactNativeZoomableView.js
diff --git a/lib/module/ReactNativeZoomableView.js.map b/lib/module/ReactNativeZoomableView.js.map
diff --git a/lib/typescript/ReactNativeZoomableView.d.ts b/lib/typescript/ReactNativeZoomableView.d.ts
@@ -176,7 +176,7 @@ declare class ReactNativeZoomableView extends Component<ReactNativeZoomableViewP
      * @private
      */
     private _resolveAndHandleTap;
-    moveStaticPinTo: (position: Vec2D) => void;
+    moveStaticPinTo: (position: Vec2D, duration?: number) => void;
     private _staticPinPosition;
     private _updateStaticPin;
     private _addTouch;

diff --git a/src/ReactNativeZoomableView.tsx b/src/ReactNativeZoomableView.tsx
@@ -950,7 +950,7 @@ class ReactNativeZoomableView extends Component<
     }
   };
 
-  moveStaticPinTo = (position: Vec2D) => {
+  moveStaticPinTo = (position: Vec2D, duration?: number) => {
     const { originalWidth, originalHeight } = this.state;
     const { staticPinPosition, contentWidth, contentHeight } = this.props;
 
@@ -965,7 +965,15 @@ class ReactNativeZoomableView extends Component<
     this.offsetX = contentWidth / 2 - position.x + pinX / this.zoomLevel;
     this.offsetY = contentHeight / 2 - position.y + pinY / this.zoomLevel;
 
-    this.panAnim.setValue({ x: this.offsetX, y: this.offsetY });
+    if (duration) {
+      Animated.timing(this.panAnim, {
+        toValue: { x: this.offsetX, y: this.offsetY },
+        useNativeDriver: true,
+        duration,
+      }).start();
+    } else {
+      this.panAnim.setValue({ x: this.offsetX, y: this.offsetY });
+    }
   };
 
   private _staticPinPosition = () => {