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