Image 使用Alpha对本机可点击图像作出反应

我有一个.png格式的图像，带有alpha通道，我希望它可以点击。只有在单击真实图像（而不是alpha背景）时才应检测到单击

我想用这些元素创建一个可点击的圆圈

---

谢谢你的帮助，祝你圣诞快乐

您可以检测图像上单击的位置，然后您应该在图像上有一些元数据来检测它是否在非alpha边界内

imgClick = ({nativeEvent: {locationX, locationY}}) => {
    if (ImageService.inBounds(image, locationX, locationY)) {
         // do your event handling here
    }
}

ImageService是为每个图像存储元数据和逻辑的地方。您可能需要一个简单的多边形点算法

---

裁剪图像是一种选择吗？你能发布图片吗？这是必需的-一个由可点击的图片按钮组成的rosetta

imgClick = ({nativeEvent: {locationX, locationY}}) => {
    if (ImageService.inBounds(image, locationX, locationY)) {
         // do your event handling here
    }
}