feat: disable pan gesture by default in the browser for Apple devices

fixes #287

packages/drawer/src/views/Drawer.tsx

@@ -94,11 +94,30 @@ type Props = {
   gestureHandlerProps?: React.ComponentProps<typeof PanGestureHandler>;
 };
 
+/**
+ * Disables the pan gesture by default on Apple devices in the browser.
+ * https://stackoverflow.com/a/9039885
+ */
+function shouldEnableGesture(): boolean {
+  if (
+    Platform.OS === 'web' &&
+    typeof navigator !== 'undefined' &&
+    typeof window !== 'undefined'
+  ) {
+    const isWebAppleDevice =
+      /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+
+    return !isWebAppleDevice;
+  }
+
+  return true;
+}
+
 export default class DrawerView extends React.PureComponent<Props> {
   static defaultProps = {
     drawerPostion: I18nManager.isRTL ? 'left' : 'right',
     drawerType: 'front',
-    gestureEnabled: true,
+    gestureEnabled: shouldEnableGesture(),
     swipeEdgeWidth: 32,
     swipeVelocityThreshold: 500,
     keyboardDismissMode: 'on-drag',

packages/drawer/src/views/DrawerView.tsx

@@ -205,7 +205,7 @@ export default function DrawerView({
         <DrawerGestureContext.Provider value={drawerGestureRef}>
           <Drawer
             open={isDrawerOpen}
-            gestureEnabled={gestureEnabled !== false}
+            gestureEnabled={gestureEnabled}
             onOpen={handleDrawerOpen}
             onClose={handleDrawerClose}
             onGestureRef={ref => {