nativescript如何使元素对触摸事件透明

Question

对于我的一个项目，我需要在nativescript（IOS App）中的google地图上开发渐晕效果，所以我决定使用延伸到谷歌地图视图的png24图像解决方案。

<GridLayout id="appContainer">
        <MapView id="mapView"></MapView>
        <Image src="~/images/vignettage.png" style="width:100%; height:100%;"></Image>
</GridLayout>

现在显然我在尝试与地图交互时遇到了问题，触摸手势，平移手势等都被覆盖图像接管。

如何使这个图像对触摸事件透明，就像css pointer-events:none; 在网站上进行光标事件。

任何typescript.javascript或纯Objective-c解决方案欢迎！

刚添加图像来说明此问题：

Answer 1

这与iOS和Android如何处理事件冒泡有关。 对于iOS，您应该在叠加模板上放置ios:isUserInteractionEnabled="false"以允许事件通过。