Flutter三棵树是什么，为什么这么设计

目录

1. 三棵树的定义与职责

(1) Widget 树

(2) Element 树

(3) RenderObject 树

2. 三棵树的协同工作流程

3. 为什么设计三棵树？

(1) 性能优化

(2) 逻辑解耦

(3) 灵活性

4. 三棵树的设计优势总结

示例：动态列表更新

常见面试追问

---

Flutter 的「三棵树」是其核心设计之一，用于高效管理 UI 的构建、更新和渲染。它们分别是 Widget 树、Element 树和 RenderObject 树。这种分层设计通过职责分离和复用机制，显著提升了性能与开发灵活性。

---

1. 三棵树的定义与职责

(1) Widget 树

• 本质：UI 的不可变配置描述（如颜色、尺寸、布局规则）。

• 特点：

  • 轻量级，频繁重建（如每次 setState