React-native：TouchableOpacity 和 Icon 具有绝对可触摸背景问题

Question

我使用 TouchableOpacity 作为卡片，有一个具有白色绝对背景的心形图标，对于背景，我还使用可触摸不透明度（对于 Icon BG）。我在这里面临的问题是，每当我单击图标时，即使图标是绝对的，卡片也会被单击。

我想分别单击带有 BG 和卡片的绝对图标，因为我想在单击卡片时进行导航，并且当单击图标时我想更改 isLiked 条件下的图标。

是的，有一个解决方案，我应该使用 View 而不是 TouchableOpacity 作为 Icon BG，并且应该使用 Icon onPress。但问题是由于某些原因我需要可触摸 Icon BG。

Answer 1

在标签中，在 style 属性中应用 zIndex: 9。

<TouchableOpacity onPress={() => {...}} style={{ zIndex: 9 }} />