Merge branch 'master' into android-large-dimensions

Author: ian-wd

example/ios/Podfile.lock

@@ -2122,7 +2122,7 @@ PODS:
     - React-perflogger (= 0.80.0)
     - React-utils (= 0.80.0)
     - SocketRocket
-  - RNSketchCanvas (2.3.1):
+  - RNSketchCanvas (2.3.2):
     - boost
     - DoubleConversion
     - fast_float
@@ -2456,7 +2456,7 @@ SPEC CHECKSUMS:
   ReactAppDependencyProvider: 3267432b637c9b38e86961b287f784ee1b08dde0
   ReactCodegen: 5d41e1df061200130dd326e55cdfdf94b0289c6e
   ReactCommon: b028d09a66e60ebd83ca59d8cc9a1216360db147
-  RNSketchCanvas: 87252e53ed56bd879078b5e78e46c3930bddfa3f
+  RNSketchCanvas: 2df3557620803639579042dc5b94d35bc179bde8
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: 395b5d614cd7cbbfd76b05d01bd67230a6ad004e
 

package-lock.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/sourcetoad/react-native-sketch-canvas"
   },
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "react-native-sketch-canvas allows you to draw / sketch on both iOS and Android devices and sync the drawing data between users. Of course you can save as image.",
   "author": "Terry Lin",
   "react-native": "./src/index.tsx",

package.json

@@ -156,25 +156,11 @@ class SketchCanvas extends React.Component<SketchCanvasProps, CanvasState> {
         }
       },
       onPanResponderRelease: (_evt, _gestureState) => {
-        if (!this.props.touchEnabled) {
-          return;
-        }
-        if (this._path) {
-          this.props.onStrokeEnd?.({
-            path: this._path,
-            size: this._size,
-            drawer: this.props.user,
-          });
-          this._paths.push({
-            path: this._path,
-            size: this._size,
-            drawer: this.props.user,
-          });
-        }
+        this._handleStrokeEnd();
+      },
 
-        if (this.ref.current) {
-          Commands.endPath(this.ref.current);
-        }
+      onPanResponderTerminate: (_evt, _gestureState) => {
+        this._handleStrokeEnd();
       },
 
       onShouldBlockNativeResponder: (_evt, _gestureState) => {
@@ -183,6 +169,29 @@ class SketchCanvas extends React.Component<SketchCanvasProps, CanvasState> {
     });
   }
 
+  _handleStrokeEnd = () => {
+    if (!this.props.touchEnabled) {
+      return;
+    }
+
+    if (this._path) {
+      this.props.onStrokeEnd?.({
+        path: this._path,
+        size: this._size,
+        drawer: this.props.user,
+      });
+      this._paths.push({
+        path: this._path,
+        size: this._size,
+        drawer: this.props.user,
+      });
+    }
+
+    if (this.ref.current) {
+      Commands.endPath(this.ref.current);
+    }
+  };
+
   _processText(text: any) {
     text &&
       text.forEach(