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

Question

对于我的一个项目，我需要在 nativescript(IOS 应用程序)的谷歌地图上开发渐晕效果，所以我决定使用在谷歌地图 View 上拉伸(stretch)的 png24 图像解决方案。

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

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

我怎样才能使这个图像对触摸事件透明，就像 css pointer-events:none; 在网站中对光标事件所做的一样。

欢迎使用任何 typescript.javascript 或纯 objective-c 解决方案!

刚刚添加了一张图片来说明这个问题:

Answer 1

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