Android incorrectly propagating touch / gesture event

[reactor81]

iOS correctly stops propagation of the touch / pan event when scroll the map. So, when I have the MapBox in a scrollable tab view (e.g. horizontal scroll view), the scroll view does not pan. This is good because I just want to pan the map.

However, Android is not stopping the propagation. The scrollview is also scrolling, moving the entire mapbox out of view.

How can this be resolved? I am willing to fork and fix, but is it possible in JS or must I modify the native Java code?

[nineteeneightyeight]

This is causing me issues as well. Did you have any luck remedying it reactor81?

[Gnative]

Curious as how I can prevent any touch events on the map to be able to have just a static map, woudl you guys know how this is supported ?

[ujazdowskip]

@Gnative There are config props:

rotateEnabled
scrollEnabled
zoomEnabled

If you set them to false map will be static.

[ujazdowskip]

I noticed that MapView does not passing events to parents panResponder on Android. So this works only on iOS:

<View style={[styles.container]} onStartShouldSetResponder={() => { console.log('logs only on ios'); }} > <Map /> </View>

Wondering if this is related to this issue or is it separate bug?

[joshuapinter]

Take a look at this SO question: https://stackoverflow.com/questions/6546108/mapview-inside-a-scrollview

Looks like the solution was used to fix the same scrolling issue on react-native-maps: react-native-maps/react-native-maps#343