React Native：在父视图和子视图上调用pointerEvents

Question

背景

我正在 React Native 中开发一个热图组件，它本质上是一个<View>响应pointerEvents用户提供的组件。它们children从视图中提取this.props并传递到视图中。

<View
    style={s.overlay}
    onLayout={this._onLayout}
    onMagicTap={this._onDoubleTwoFingerTouch}
    onAccessibilityTap={this._onDoubleTouchAccessible}
    onStartShouldSetResponder={this._onTouchStart}
    onResponderMove={this._onTouchMove}
    onResponderReject={this._onTouchCancel}
    onResponderTerminate={this._onTouchCancel}
    onResponderRelease={this._onTouchEnd}
    pointerEvents={'auto'}
>
    {children}
</View>

问题

只要视图下方没有可触摸组件（如<TouchableOpacity>组件），该视图就会接收所有触摸事件。显然，子组件响应pointerEvents.

我已经知道auto、box-none等pointerEvents枚举如何运作，但我还没有找到正确的组合或技巧来将这些事件从父母传递给孩子。

长话短说

我如何pointerEvents在用户按下的父组件和子组件中做出响应？