问题描述
我的TouchableOpacity如下,
<TouchableOpacity style={{flex: 1,alignItems: center,justifyContent: 'center'}} onPress={() => parentOnPress()}>
<View style={{height: 50,width: 50}}>
<View>
<TouchableOpacity>
View
内部的TouchableOpacity
占据屏幕中心的一小部分,而View
外部的onPress
应该是父View
和{{1}内部的目标}不应是父项onPress
的目标。
但是在我的情况下,当我触摸View
的内部时,正在调用父级onPress
。
我如何防止孩子View
脱离父母的onPress
?
解决方法
一种解决方法是将View
替换为另一个未实现TouchableOpacity
的{{1}}:
onPress
我添加了一些背景色以使其更易于测试。
,尝试将pointerEvents='none'
添加到View