代码之家  ›  专栏  ›  技术社区  ›  gtRfnkN

在React Native上传递触摸事件

  •  9
  • gtRfnkN  · 技术社区  · 7 年前

    我们构建了一个React Native tablet kiosk应用程序,在前台向用户显示多页输入字段。用户必须填写所有表格,并在最后发送。

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

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

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

    我们还尝试了手势响应系统,但无法让触摸事件通过-它总是被手势响应系统的组件消耗。

    1 回复  |  直到 7 年前
        1
  •  19
  •   Antoine Errorpro    4 年前

    您可以尝试添加 pointerEvents View .