如果另一个 TouchableOpacity 在其下方，则绝对放置的 TouchableOpacity 不可点击答案

【问题标题】：Absolutely placed TouchableOpacity not clickable if another TouchableOpacity is beneath it如果另一个 TouchableOpacity 在其下方，则绝对放置的 TouchableOpacity 不可点击
【发布时间】：2021-10-21 12:32:07
【问题描述】：

我正在尝试制作一个下拉列表，看起来像下拉列表可见

当下拉菜单不可见时，下拉项目由从 react-native-gesture-handler 导入的 TouchableOpacity 组成，放置在相对于包含白色文本框和下拉按钮的视图绝对放置的视图中，

问题是，触摸事件是由提交按钮而不是 ANDROID 中它上面的下拉项消耗的。

我已将 zIndex 应用于每个项目和包含可触摸项目的视图，进一步的高度也设置为比其下方的按钮更远的值。

【问题讨论】：

我自己也经常为这个问题苦苦挣扎……您是否也尝试使用 react-native-gesture-handle 中的 TouchableHighLight 作为提交按钮？
提交按钮使用本机可触摸不透明度，我已经使用绝对定位解决了这个问题，并将下拉组件放置在 jsx 片段结束之前，对于它的位置，我计算了显示框的位置和相应地抵消它，这有效，但更难提取组件

标签： android react-native react-native-android react-native-navigation absolute

【解决方案1】：

我一直不明白从 react-native-gesture-handler 导入原生组件的原因，经常在 VS 代码中自动完成时出错，并且经常遇到问题。我只会从 react-native 导入 TouchableOpacity。

编辑：

此外，如果包含视图的位置不同，Android 将无法处理触摸事件。

【讨论】：

Native TouchableOpacity 在绝对放置时无法捕获触摸事件：[，当从 react-native-gesture-handler 导入时，工作正常，但当任何其他放置在下方时仍无法竞争触摸跨度>