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

Question

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

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

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

如何使此图像对触摸事件透明，就像 csspointer-events:none;在网站中为光标事件所做的那样。

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

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

Answer 1

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