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

Question

如果我想阻止 View 上的 onPress 事件组件传播到父级 Touchable对于以下 Sample组件，除了将 subview 包装在 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>
  );
}