【问题标题】:Update state during animation in react native?在反应原生动画期间更新状态?
【发布时间】:2016-08-02 14:31:55
【问题描述】:

我在一个组件中有几个活动动画。当我尝试在这些动画期间更新组件状态时,它们由于重新渲染过程而停止。有什么办法可以防止这种情况发生吗?

我使用的动画类似于react native documentation 中的示例,但持续时间更长。

谢谢!

【问题讨论】:

    标签: animation react-native


    【解决方案1】:

    您可以使用 shouldComponentUpdate。有了这个,你可以定义组件是否应该重新渲染。

    https://facebook.github.io/react/docs/component-specs.html#updating-shouldcomponentupdate

    【讨论】:

    • 它遗漏了一些细节,但它应该是答案。在协调阶段,RN 似乎没有考虑动画。因此,如果您在动画期间触发组件更新,您的动画将在没有过渡的情况下步进到结束值。
    【解决方案2】:

    我知道回答有点晚了,但以防万一您或其他人仍然需要它。您可以考虑使用useNativeDriver: true。您可以查看说明here。在大多数情况下,我基本上可以让您绕过由回调引起的那种阻塞操作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-04
      • 2023-04-09
      • 2022-01-23
      • 2019-04-29
      相关资源
      最近更新 更多