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或pure objective-c解决方案欢迎！

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

Answer 1

这与iOS和Android如何处理事件冒泡有关。对于iOS，你应该把 覆盖模板上的ios:isUserInteractionEnabled="false"让事件通过。