上一篇文章主要介绍了如何编写简单的动画和复杂的动画想法。
我仍然记得,在上一篇文章中,我们介绍了我们最常用的动画更新功能是该选项中有一个名为usenativedriver的选项(使用本机驱动器)。
API已序列化(转换为用于通信和存储的字符串)。您可以在动画启动之前将所有配置信息发送到本机端,然后使用本机代码在UI线程上执行动画,而无需使用每个帧进行通信这两个末端之间来回来回。该动画完全来自JS线程,即使JS线程被卡住了,也不会影响动画。
因此,如果要优化动画,我们只需要添加到动画配置中:
让我们谈谈上一节的时间表的代码:
将报告以下错误:
错误信息的翻译:模块不支持样式属性。
可以看出,它只能应用于非划分属性,例如,不能应用于非划分属性。
我们如何优化布局属性?答案是将布局属性动画转换为非layout属性动画。
接下来,我们使用上述两种方法来转换上述代码:
看到效果是完美的:
在React Native中,当使用时,应尽可能地使用它来改善动画性能,但只能用于非layout属性。对于布局属性,我们可以通过某些技术将其转换为布局属性的动画。
原始:https://juejin.cn/post/7100121781381382152