防止父母可点击，同时允许孩子捕获触摸

Question

有时react-native，防止父级捕获和处理触摸/单击事件，同时允许其子级接收事件并对事件做出反应是有用的。<View/>具体来说，当使用或<ImageBackground/>容器充当其子元素的透明背景时（例如：基于渐变的阴影或用于将绝对定位的元素居中的包装视图），这非常有用。

Answer 1

React NativepointerEvents为元素提供了一个 prop <View/>，可以将其设置为'none'，以便停止对触摸和点击做出反应，但是允许子元素仍然可触摸的技巧是将属性设置pointerEvents为'box-none'，而不是'none'。

警告：与常规 CSS 相比，pointerEvents是 ` prop而不是style。所以要使用它，你可以这样做

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