我有一个<role-name>*</role-name>
,当我点击其中的子组件时,它不会执行TouchableOpacity
事件。 onpress事件是一个简单的console.log();
onPress
如果我点击<TouchableOpacity style={{flex: 1}} onPress={this.onPress.bind(this)}>
{this.state.customComponent}
</TouchableOpacity>
内的空白区域,它将执行TouchableOpacity
。如果我直接点击子组件,它将不会执行。
编辑:我发现了问题,原因是onPress
让其子组件呈现TouchableOpacity
,遗憾的是,您不能拥有TouchableHighlight
作为孩子< / p>
答案 0 :(得分:1)
我知道这已经晚了几年,但我希望它能对某人有所帮助。我有一个类似的问题,发现其中一个父视图(不是直接父视图)实际上覆盖了Touchable不透明的很大一部分,我通过增加上述父视图的高度解决了我的问题。很难找到它,因为它的溢出未被隐藏。将父元素溢出更改为隐藏可能有助于找出实际上阻止了可触摸不透明度的原因。
答案 1 :(得分:1)
我今天遇到了这个问题。该解决方案很容易解决:我从TouchableOpacity
导入了"react-native-gesture-handler"
,应该从"react-native"
导入。