Skip renders every second

openspacelabs · Nov 25, 2024 · 03896bd · 03896bd
1 parent c63c1d5
commit 03896bd
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 6 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/src/ReactNativeZoomableView.tsx b/src/ReactNativeZoomableView.tsx
@@ -401,6 +401,18 @@ class ReactNativeZoomableView extends Component<
             // to avoid messing up calculations, especially ones that are done right after
             // the component transitions from hidden to visible.
             if (!x && !y && !width && !height) return;
+
+            // If these values are all the same, don't re-set them in state
+            // this way we don't re-render
+            if (
+              this.state.originalWidth === width &&
+              this.state.originalHeight === height &&
+              this.state.originalPageX === x &&
+              this.state.originalPageY === y
+            ) {
+              return;
+            }
+
             this.setState({
               originalWidth: width,
               originalHeight: height,