Question

如果我想阻止View组件上的onPress事件传播到以下Touchable组件的父Sample，那么除了包装之外，最好的选择是什么？请在Touchable中查看子视图？

export default function Sample (): Element<*> {
  return(
    <TouchableOpacity>
      <View>
        <Text>Sample</Text>
      </View>
    </TouchableOpacity>
  );
}

Answer 1

就我而言，我只是将View放在另一个TouchableOpacity内（activeOpacity设为1以阻止任何图形效果）：

export default function Sample (): Element<*> {
  return(
    <TouchableOpacity>
      <TouchableOpacity activeOpacity={1}>
        <View>
          <Text>Sample</Text>
        </View>
      </TouchableOpacity>
    </TouchableOpacity>
  );
}

React Native可防止触摸冒泡到父元素

1 个答案: