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

【问题标题】：React Native prevent touch bubbling to parent elementsReact Native 防止触摸冒泡到父元素
【发布时间】：2017-10-11 08:49:40
【问题描述】：

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

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

【问题讨论】：

stackoverflow.com/questions/31866671/… 的副本？

标签： react-native react-native-android react-native-ios touchableopacity touchablehighlight

【解决方案1】：

在我的情况下，我只是将 View 放在另一个 TouchableOpacity 中（将 activeOpacity 设置为 1 以阻止任何图形效果）：

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

【讨论】：