React Native android：在其父级范围之外的绝对定位的可触摸元素不可点击答案

【问题标题】：React Native android: An absolute positioned, touchable element outside of the bounds of its parent is not clickableReact Native android：在其父级范围之外的绝对定位的可触摸元素不可点击
【发布时间】：2019-11-12 18:56:09
【问题描述】：

我在视图中有一个 TouchableOpacity。视图很小（高度：60）并且 TouchableOpacity 位于其父级的边界之外（位置：绝对，顶部：70）。当孩子在父母内部时，即top：30，它是可点击的，但当它在外面时，它不是。并且只有父视图内部的区域是可点击的（触摸事件通过区域越界）。有谁知道一种注册 TouchableOpacity 点击的方法，即使它超出了其父级的范围？

请注意，这适用于 iOS。这似乎只是android上的一个错误。

<View style={{height: 60, width: '100%', zIndex: 1}}>
    <TouchableOpacity onPress={() => console.log('pressed')} style={{position: 'absolute', zIndex: 2, backgroundColor: 'yellow', width: 100, height: 50, top: 70}} />
</View>

【问题讨论】：

你试过设置elevation:1吗？ Android 一般会忽略zIndex
@MikeM 感谢您的建议！我刚刚尝试过，但仍然无法正常工作：/
您找到解决方案了吗？我也有类似的问题
这里也有同样的问题。

标签： android css react-native

【解决方案1】：

目前最好的解决方法是

import { TouchableOpacity } from 'react-native-gesture-handler';

找到解决方案here。

【讨论】：