时间戳

首页 > 解决方案 > 如何防止孩子从父母的onPress中查看

react-native - 如何防止孩子从父母的onPress中查看

问题描述

我有 TouchableOpacity 如下，

 <TouchableOpacity style={{flex: 1, alignItems: center, justifyContent: 'center'}} onPress={() => parentOnPress()}>
    <View style={{height: 50, width: 50}}> 
       
    <View>
 <TouchableOpacity>

内部View在TouchableOpacity屏幕中心占据一小部分，外部View应该是 parent 的目标，onPress而内部View不应该是 parent 的目标onPress。但在我的情况下，当我触摸内部View父项时onPress，会被调用。

我怎样才能防止孩子View远离父母onPress？

标签： react-nativetouchableopacity

解决方案

一种解决方法可能是View用另一个TouchableOpacity不实现的替换onPress：

<TouchableOpacity
  style={{
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'black',
  }}
  onPress={() => {
    // Do something
  }}>
  <TouchableOpacity
    style={{
      height: 50,
      width: 50,
      backgroundColor: 'blue',
    }}>
    {/* Content */}
  </TouchableOpacity>
</TouchableOpacity>

我添加了一些背景颜色以使其更易于测试。

推荐阅读