Я хочу реализовать плавающие метки, для этого у меня есть текстовый компонент над текстовым вводом. Я хочу игнорировать все события касания в тексте, чтобы TextInput Under получал все события. Есть ли способ, которым я могу это сделать? В CSS у нас были указатели-события нет, я не уверен, как это сделать в реакции native.
Есть ли способ игнорировать события касания на Text in React Native?
Ответ 1
В реакции-native, pointerEvents
является опорой, а не стилем.
<View pointerEvents="none" />
Ответ 2
Добавьте pointerEvents: 'none'
в компонент Text
. Это позволяет событиям касания перейти к предкам компонента, но не к самому компоненту или его дочерним элементам.
React Native также поддерживает 'box-none'
, что позволяет событиям касания перейти к предкам и дочерним элементам компонента и исключает только сам компонент.
Ответ 3
У меня была такая же проблема, как у Cryszon. На Android похоже, что pointerEvents = "none" не работает для компонентов Text.
Обтекание текста в представлении и установка указателяEvents = "none" prop там его разрешил.