我们构建了一个React Native平板电脑自助服务终端应用程序,可以在前台向用户显示多页输入字段。用户必须填写所有表格,并在最后发送。
用户可以随时离开自助服务终端,这将导致他们的最后一个屏幕成为欢迎屏幕"为下一个用户。为避免这种情况,如果没有用户交互(屏幕上的任何触摸事件),应用程序会在一段时间后重置。
现在,我们使用倒计时并在每个输入字段上重置它,按钮和背景触摸。这导致将重置回调传递给许多组件。它有效,但它只是很多冗余,很容易导致错误。
有没有办法,我们可以在视图的最顶部添加一个叠加层,它可以捕获所有触摸事件并调用重置回调,还可以将触摸事件传递给下面的视图?因此,当用户点击按钮时,覆盖图会调用其回调,但也会单击该按钮(输入字段等相同)。
我们还尝试过手势响应系统,但无法通过触摸事件 - 它总是由带有手势响应系统的组件使用。