Flutter中60 FPS是什么含义？静态UI界面为何支持每秒60帧渲染？

核心认知纠正 #

你提到的「Flutter移动应用中的单个页面就是一张静态图片」的认知是错误的。 #

疑问1：静态UI场景下，Flutter是否每秒重复渲染同一个界面60次？ #

答案是否定的，Flutter不会做这种无意义的性能消耗：

• Flutter的渲染管线和移动端系统的垂直同步（VSync）信号绑定，主流设备的VSync信号固定为每16ms触发一次（对应60Hz刷新率），但只有当UI存在更新需求时，Flutter才会响应VSync信号，执行重绘逻辑生成新的帧提交给GPU。
• 如果界面完全没有状态变化、没有正在运行的动画、也没有交互反馈需求，Flutter会直接复用之前已经渲染好的帧，不会重复执行布局、绘制等操作。

疑问2：静态UI场景下，60 FPS的概念体现在哪里？ #

60 FPS的核心价值是保障所有动态交互和动效的流畅性，哪怕你当前看到的是静态界面：

• 视觉上的静态只是当前没有状态变化的表现，页面的Widget树随时可以响应各种触发事件：比如按钮按下的波纹效果、输入框的光标闪烁、滑动列表的滚动过程、页面跳转的过渡动画、甚至只是你拖动某个滑块的状态变化，这些操作对应的UI更新都需要和VSync信号同步，每16ms生成一帧新画面，才能让你感知不到卡顿，呈现出流畅的交互效果。
• 60 FPS的指标实际上是指：当有UI更新需求时，Flutter能在16ms的VSync间隔内完成帧的渲染和提交，不会出现掉帧的情况。并不是说不管界面有没有变化，都必须每秒生成60个不同的帧。

补充说明 #

Flutter本身做了大量的增量渲染优化，只有标记为需要重绘的Widget部分才会被重新计算和绘制，哪怕是界面有更新，也不会每次都重绘整个页面，尽可能降低性能消耗的同时保障流畅度。

内容的提问来源于stack exchange，提问作者Flutter Developer