在 React Native 中有没有办法让触摸穿过图像的透明部分?

In React Native is there a way to allow touch to fall through the transparent part of images?

我有几张重叠的图像,每张图像都有一些透明区域,因此可以看到下面的图像。我希望用户能够通过触摸 select 图像。如果一张图片位于另一张图片之上,他们需要能够通过上方图片的透明区域触摸下方图片,从而select下方图片,因为他们可以透过该区域看到下方图片。

我看到 iOS 中有原生解决方案允许触摸基于像素的 alpha 属性 落下。 React Native 中是否有任何类似的方法允许触摸检测第一个非透明像素并识别该像素来自的图像?

为了将来参考,我设法以这种方式解决了它: 利用此库 return 图像的像素颜色和 X、Y 坐标 https://github.com/alicansa/react-native-get-pixel

根据触摸的X,Y坐标计算出每个重叠图像对应的X,Y坐标。

使用图像遮罩,其中图像的非透明部分运行具有纯色,运行每个图像遮罩的像素颜色检查按从上到下的顺序进行查看return 编辑了一个非 [0,0,0] 值。 (这是因为上面库中的t运行sparent areas return [0,0,0],好像没有alpha检查。)

图像蒙版必须位于 Android 文件夹结构中的可绘制文件夹中,如库中所述。由于我在图像非 t运行sparent 的情况下使用纯色,这意味着我可以为这些检查使用更小分辨率的图像标记,这加快了花费的时间,因为这是异步检查。