如何在React Native应用程序中保持动画以60 FPS运行

如何在React Native应用程序中保持动画以60 FPS运行

• 来源 | 愿码(ChainDesk.CN)内容编辑
• 愿码Slogan | 连接每个程序员的故事
• 网站 | http://chaindesk.cn
• 愿码愿景 | 打造全学科IT系统免费课程，助力小白用户、初级工程师0成本免费系统学习、低成本进阶，帮助BAT一线资深工程师成长并利用自身优势创造睡后收入。
• 官方公众号 | 愿码 | 愿码服务号 | 区块链部落
• 免费加入愿码全思维工程师社群 | 任一公众号回复“愿码”两个字获取入群二维码

---

本文阅读时长：4min

任何高质量移动应用程序的一个重要方面是用户界面的流动性。动画用于提供丰富的用户体验，任何jank或抖动都会对此产生负面影响。动画可能会用于各种交互，从视图之间的转换，到对用户在组件上的触摸交互作出反应。高质量动画的第二个最重要的因素是确保它们不会阻止 JavaScript线程。为了使动画保持流畅而不中断UI交互，渲染循环必须在16.67 ms内渲染每个帧，以便可以实现60 FPS。

在本文中，我们将介绍几种在React Native移动应用程序中提高动画性能的技术 。这些技术将防止 JavaScript执行中断主线程。

对于这篇文章，我们假设你有一个React Native应用程序，它定义