通过React Native上的触摸事件

时间:2017-10-18 16:58:33

标签: react-native touch overlay touch-event

我们构建了一个React Native平板电脑自助服务终端应用程序,可以在前台向用户显示多页输入字段。用户必须填写所有表格,并在最后发送。

用户可以随时离开自助服务终端,这将导致他们的最后一个屏幕成为欢迎屏幕"为下一个用户。为避免这种情况,如果没有用户交互(屏幕上的任何触摸事件),应用程序会在一段时间后重置。

现在,我们使用倒计时并在每个输入字段上重置它,按钮和背景触摸。这导致将重置回调传递给许多组件。它有效,但它只是很多冗余,很容易导致错误。

有没有办法,我们可以在视图的最顶部添加一个叠加层,它可以捕获所有触摸事件并调用重置回调,还可以将触摸事件传递给下面的视图?因此,当用户点击按钮时,覆盖图会调用其回调,但也会单击该按钮(输入字段等相同)。

我们还尝试过手势响应系统,但无法通过触摸事件 - 它总是由带有手势响应系统的组件使用。

1 个答案:

答案 0 :(得分:1)

您可以尝试将pointerEvents属性添加到View