原生界面、React Native 与 Flutter 的掉帧应如何按渲染阶段进行归因

# 核心结论

原生界面、React Native 与 Flutter 的掉帧都应按照一帧的完整链路归因：输入分发、业务计算、状态更新、组件构建或视图更新、布局、绘制、栅格化、合成与显示。60Hz 屏幕每帧约有 16.7ms，高刷新率设备预算更短。诊断重点不是笼统比较技术栈，而是找出哪条线程、哪个渲染阶段超过预算，并观察连续慢帧、最差帧及高分位耗时。相同的视觉卡顿可能来自完全不同的机制，因此优化手段不能直接照搬。

# 底层机制

原生界面通常由平台主线程承担事件分发、视图更新及部分布局工作。复杂约束计算、同步文件或网络操作、主线程图片解码、一次创建大量视图和频繁批量刷新，都可能阻塞视图提交。即使后台计算很快