Fix pan behaviour of the Distance Request map

src/components/MapView/MapView.tsx

@@ -3,6 +3,7 @@ import {useFocusEffect} from '@react-navigation/native';
 import Mapbox, {MapState, MarkerView, setAccessToken} from '@rnmapbox/maps';
 import {forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState} from 'react';
 
+import responder from './responder';
 import utils from './utils';
 import Direction from './Direction';
 import CONST from '../../CONST';
@@ -63,6 +64,8 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(({accessToken, style, ma
                 styleURL={styleURL}
                 onMapIdle={setMapIdle}
                 pitchEnabled={pitchEnabled}
+                // eslint-disable-next-line
+                {...responder.panHandlers}
             >
                 <Mapbox.Camera
                     ref={cameraRef}

src/components/MapView/MapView.web.tsx

@@ -7,6 +7,7 @@ import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useState
 import {View} from 'react-native';
 import Map, {MapRef, Marker} from 'react-map-gl';
 
+import responder from './responder';
 import utils from './utils';
 
 import CONST from '../../CONST';
@@ -58,7 +59,11 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(
         );
 
         return (
-            <View style={style}>
+            <View
+                style={style}
+                // eslint-disable-next-line
+                {...responder.panHandlers}
+            >
                 <Map
                     ref={setRef}
                     mapboxAccessToken={accessToken}

src/components/MapView/responder/index.ios.ts

@@ -0,0 +1,5 @@
+const responder = {
+    panHandlers: {},
+};
+
+export default responder;

src/components/MapView/responder/index.ts

@@ -0,0 +1,8 @@
+import {PanResponder} from 'react-native';
+
+const responder = PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onPanResponderTerminationRequest: () => false,
+});
+
+export default responder;