javascript - 如何在 React-Native 中将按下事件从内部 Touchable 冒泡到外部 Touchable？

Question

我有 2 个嵌套 Touchable s，我想捕获 onPress外部 Touchable 中的事件和内部Touchable ，但只有内部的会触发 onPress事件，所以我们可以说事件没有传播到父元素

我正在使用 React-Native 0.57

这是我的零食example .

我还在这里重新发布了我的渲染代码:

<TouchableOpacity onPress={() => alert('outer')}
    style={{ backgroundColor: 'red', width: 200, height: 200 }}>
    <TouchableOpacity onPress={() => alert('inner')}
        style={{ backgroundColor: 'green', width: 100, height: 100 }}
    />
</TouchableOpacity>

如何只显示内部警报或外部警报。
相反，我想在绿色 View 上显示外部和内部警报...

代码为简化版，实际情况为内部 Touchable是一个可以在各种场景中使用的组件，可以在 Touchable 中使用。 , 在非 Touchable 组件中

Answer 1

您可以使用 View 使可重用组件有条件地呈现。或 TouchableOpacity取决于你通过它的属性。

如果您总是希望外部组件触发这可能会成功