React-Native:加载动画性能

时间:2017-07-14 00:20:26

标签: performance react-native

我有一个应用程序,在几个地方有以下模式:

  1. 用户按下发出后端api呼叫的按钮。 (例如,他们在输入凭证后按下登录按钮)
  2. 该应用程序用指示处理的动画替换该按钮。 (例如,一些微调器取代登录按钮)
  3. api调用返回一些结果,触发导航到下一个场景。
  4. 问题在于我怀疑这对性能有害。在任何给定时间,应用程序要么在进行api调用时呈现微调器,要么应用程序在向下一个场景导航动画时呈现微调器。在这些过渡期间,我注意到大幅度的帧速率下降。

    React-Native的性能文档建议使用LayoutAnimation代替Animation来提高性能。但是,文档缺乏,我无法弄清楚如何让LayoutAnimation旋转。我也可以在场景转换期间停止渲染微调器,但我发现这使得事情看起来很奇怪,只解决了问题的一半。

    我不能成为第一个遇到这个问题的人。 (1)以前如何解决? (和/或2)如何让LayoutAnimation旋转微调器?

1 个答案:

答案 0 :(得分:1)

尝试在动画中将useNativeDriver设置为trueLayoutAnimation目前不支持轮播,但可能会plans for it