Javascript 防止家长在允许孩子捕捉触摸时被点击

在

react native

中，有时可以防止父级捕获和处理触摸/点击事件，同时允许其子级接收和响应事件。具体来说，这在使用充当子元素透明背景的

或

容器时非常有用（例如：用于使绝对定位元素居中的基于渐变的阴影或包装视图）

React Native为

元素提供了一个

pointerEvents

道具，可以将其设置为

'none'

，以停止对触摸和点击的反应，但是允许孩子们仍然可以触摸的诀窍是将

pointerEvents

道具设置为

'box-none'

警告：与常规CSS相比，

pointerEvents

是`prop而不是样式。所以要使用它，你可以

<View style={styles.parentWithoutTouchEvents} pointerEvents='box-none'>
   <View style={styles.touchableChild}>
   </View>
</View>

---

React Native为

元素提供了一个

pointerEvents

道具，可以将其设置为

'none'

，以停止对触摸和点击的反应，然而，让孩子们仍然可以触摸的诀窍是将

pointerEvents

属性设置为

'box-none'

，而不是

'none'

警告：与常规CSS相比，

pointerEvents

是`prop而不是样式。所以要使用它，你可以

<View style={styles.parentWithoutTouchEvents} pointerEvents='box-none'>
   <View style={styles.touchableChild}>
   </View>
</View>