setState 做了哪些工作？是如何更新UI的

setState 的工作原理

1. 状态更改： 当你调用 setState 时，你通常会更新一个或多个状态变量。这个操作是在 State 对象的上下文中进行的。

2. 标记为脏： setState 方法的调用会标记当前 Widget 的状态为“脏”（dirty），意味着它的 UI 需要重新构建。Flutter 框架知道有需要更新的内容。

3. 调度重建： 一旦标记为脏，Flutter 会将当前 Widget 的 build 方法放入一个需要更新的队列中。这个队列会在下一帧进行处理。

4. 重新构建 Widget： 在下一帧的渲染过程中，Flutter 框架会重新调用 build 方法以构建新的 Widget 树。这个新的 Widget 树将基于更新后的状态构建。

5. 比较和更新： Flutter 使用高效的树结构来比较新旧 Widget 的状态（称为“diffing”）。它会找到需要更新的部分，只重建或更新那些发生变化的部分，而不是重新构建整个 UI。

6. 更新渲染对象： 一旦新的 Widget 树构建完成，Flutter 会将新的 Widget 与现有的 RenderObject 进行关联和更新。这可能包括布局、绘制等操作。

7. 执行绘制： 最后，Flutter 框架会在屏幕上绘制更新后的内容，并显示用户新的状态。

总结

• 更新状态；

• 标记 Widget 为脏；

• 调度重建并在下一帧中调用 build 方法；

• 比较新旧 Widget，找到需要更新的部分；

• 更新相关的 RenderObject；

• 绘制新的 UI。