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

Question

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

Answer 1

反应原生,pointerEvents是道具,而不是风格.

    <View pointerEvents="none" />

在某些情况下,您可能希望子视图仍然是触摸的目标,因此pointerEvents = {'box-none'}将是适当的解决方案:https://facebook.github.io/react-native/docs/view. HTML#pointerevents (3认同)
如果这样设置，似乎可以工作`<View pointerEvents={'none'} />` (2认同)

Answer 2

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

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

出于某种原因,我无法让它在`Text`组件上工作,但将`Text`包装在`View`中并将`pointerEvents ="none"`prop解决了它. (10认同)

Answer 3

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

在视图中包装文本并将pointerEvents ="none"prop解决它.

Answer 4

pointerEvents只在上工作，View不在Text或上工作TouchableOpacity。