React Native: Вызовите pointerEvents как для родительского, так и для дочернего представлений. - PullRequest
Новая
       13

React Native: Вызовите pointerEvents как для родительского, так и для дочернего представлений.

0 голосов
/ 30 марта 2019

Фон

Я разрабатываю компонент тепловой карты в 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, но я не нашел правильную комбинацию или трюкчтобы передать эти события от родителей к детям.

TL; DR

Как мне ответить на pointerEvents в ОБА родительском и дочерних компонентах напресса пользователя?

...