什么是React-Native中的指针事件

时间:2019-07-06 09:31:51

标签: react-native

我正在经历pointer event in React-native

在文档中,他们提到

Controls whether the View can be the target of touch events.
•   'auto': The View can be the target of touch events.
•   'none': The View is never the target of touch events.
•   'box-none': The View is never the target of touch events but it's subviews can be. It behaves like if the view had the following classes in CSS:

我在这里 是否可以从属性none理解到没有触摸事件可以工作,即touchableOpacity(和其他触摸事件)吗?那是对的吗?

但是从下面的YouTube教程视频

https://www.youtube.com/watch?v=aFwBzWV6A-w

作者似乎正在使用它禁用诸如textInput之类的事件,而是将其用于诸如touchableOpactiy之类的事件。

1 个答案:

答案 0 :(得分:1)

class LogResults(beam.DoFn): """Just log the results""" def process(self, element): logging.info("Pub/Sub event: %s", element) yield element 设置为pointerEvents时,将禁用视图子级的所有触摸事件。这适用于所有可触摸对象,也适用于输入等。 在视频中,作者正在使用它,以防止TextInput聚焦,但他保持启用TouchableOpacity来触发动画。 (请参见下面的示例)

示例:

在这里,我禁用了TextInput,但是我将Touchable保持为活动状态:

none

如果我将<View> <TouchableOpacity> <View pointerEvents="none"> <TextInput ... /> </View> </TouchableOpacity> </View> 添加到根视图,则Touchable和TextInput都将被停用。