有没有办法可以忽略React Native中Text上的触摸事件？

Question

我想实现浮动标签，为此我在TextInput上面有一个Text Component。我想忽略Text上的所有触摸事件，以便TextInput下面的TextInput获取所有事件。有没有办法可以做到这一点？在CSS中我们曾经没有指针事件，我不知道如何在本机反应中做到这一点。

Answer 1

在react-native中，pointerEvents is a prop，而不是样式。

    <View pointerEvents="none" />

Answer 2

将pointerEvents: 'none'添加到Text组件。这允许触摸事件转到组件的祖先，而不是组件本身或其子组件。

React Native还支持'box-none'，它允许触摸事件转到组件的祖先和子节点，并且只排除组件本身。

Answer 3

我和Cryszon有同样的问题。在Android上看起来像pointerEvents =“none”不适用于Text组件。

  

在视图中包装文本并将pointerEvents =“none”prop解决它。

Answer 4

pointerEvents仅在视图上有效，而不能在文本或TouchableOpacity上有效