关于 StatefulWidget，你不得不知道的原理和要点

前言

对于一开始接触 Flutter 的人而言，会觉得 Flutter 挺简单的，一旦“搞清楚”了 StatelessWidget 和 StatefulWidget 后就上手开发了。一般这种情况在写写 Demo 的时候都没什么问题 —— 使用 setState 就搞定了界面的更新，可是页面和业务逻辑一旦复杂起来就会遇到很多性能问题，这个时候往往对这类问题不知道从而下手去解决。因此，有必要对 StatefulWidget 做一次深入的认识。

StatefulWidget 的分类

StatefulWidget 实际上也分两种类型，那就是是否会调用 setState 方法刷新界面。如果你使用 StatefulWidget 只是因为有些属性需要在 initState 中进行初始化，那么这样的 StatefulWidget 的开销很小，大可以放心大胆地使用。但是，如果你会频繁地调用 setState 进行界面刷新，那么就要小心了！很多性能问题都是由于 setState 导致的。

StatefulWidget 的渲染机制

首先说明一下，Flutter 是按照一帧一帧渲染的，因此一旦你的界面发生了变化，实际上就是更换了显示帧。当然，为了性能，Flutter 会尽可能地利用之前的渲染元素，渲染元素也就是 RenderObject。我们以一个简单的例子（来自官方视频）来说明