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

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>
  );
}