React Native TouchableOpacity 对儿童不起作用

Question

当我单击其中的子组件时，我有一个TouchableOpacity不会执行该事件的组件。onPressonpress 事件是一个简单的 console.log();

<TouchableOpacity style={{flex: 1}} onPress={this.onPress.bind(this)}>
    {this.state.customComponent}
</TouchableOpacity>

如果我单击其中的空白区域TouchableOpacity将执行onPress. 如果我直接单击子组件，它将不会执行。

编辑：我发现了问题，这是因为TouchableOpacity它的子组件渲染了 aTouchableHighlight不幸的是你不能将 aTouchableHighlight作为孩子

Answer 1

我今天遇到了这个问题。解决方案很简单：我导入了TouchableOpacityfrom "react-native-gesture-handler"，它应该导入自"react-native"。