fix: catch empty touches in TouchableRipple on web (#2029)

callstack · Jun 30, 2020 · 704e66b · 704e66b
1 parent 85c3240
commit 704e66b
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/components/TouchableRipple/index.tsx b/src/components/TouchableRipple/index.tsx
@@ -119,12 +119,10 @@ class TouchableRipple extends React.Component<Props> {
       touchX = dimensions.width / 2;
       touchY = dimensions.height / 2;
     } else {
-      const startX = e.nativeEvent.touches
-        ? e.nativeEvent.touches[0].pageX
-        : e.pageX;
-      const startY = e.nativeEvent.touches
-        ? e.nativeEvent.touches[0].pageY
-        : e.pageY;
+      const { changedTouches, touches } = e.nativeEvent;
+      const touch = touches?.[0] ?? changedTouches?.[0];
+      const startX = touch.pageX ?? e.pageX;
+      const startY = touch.pageY ?? e.pageY;
 
       touchX = startX - dimensions.left;
       touchY = startY - dimensions.top;