MapView in ScrollView issue

[bzaruk]

Hi! :) I set the MapView at the bottom of a ScrollView, the thing is that I cannot move the map location on drag because the scrollView in scrolling, and I can barley zoom in/out the map also because of the same thing. My idea is to capture when MapView in getting touch with (touch) event and cancel the Scroll process and to return it when I get touch up event...But it seems the the MapView don't to have a touch event. Have you have any idea on how can I solve it?

Thanks you very much! :)

[kayuda91]

Have same problem. Is there any solution?

[p-3]

I got same problem on android, works fine on iPhone.

[Kursorr]

Same problem here ahah ^^

[andresilva-cc]

Did anyone find a workaround?

[thanoseleftherakos]

Here is a solution for nativescript in vue:

onCameraMove(args) {
    const scrollView = this.$refs.scrollView;
    scrollView.nativeView.__nativeView.requestDisallowInterceptTouchEvent(true);
}

[wkjesus]

Any Example in Angular Code..... i have tried many options but no one fix the problem. and i think is a common use of case to have maps inside scrolls.

[CalebSWhite]

@wkjesus probably a bit late now, but in angular you'd do something like

@ViewChild('myScrollView') myScrollView: ElementRef;

onCameraMove(args) {
    this.myScrollView.nativeElement.android.requestDisallowInterceptTouchEvent(true);
}