Flutter Widget生命周期解读：为什么将State和Widget分开？

1:

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

1. initState：
当Widget第一次插入到Widget树时会被调用，对于每一个State对象，Flutter framework只会调用一次该回调，所以，通常在该回调中做一些一次性的操作，如状态初始化、订阅子树的事件通知等。不能在该回调中调用（该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget，关于InheritedWidget我们将在后面章节介绍），原因是在初始化完成后，Widget树中的InheritFromWidget也可能会发生变化，所以正确的做法应该在在build（）方法或didChangeDependencies()中调用它。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

2. didChangeDependencies()：
当State对象的依赖发生变化时会被调用；例如：在之前build() 中包含了一个InheritedWidget，然后在之后的build() 中InheritedWidget发生了变化，那么此时InheritedWidget的子widget的didChangeDependencies()回调都会被调用。典型的场景是当系统语言Locale或应用主题改变时，Flutter framework会通知widget调用此回调。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

3. build()：
它主要是用于构建Widget子树的，会在如下场景被调用：
在调用initState()之后。
在调用didUpdateWidget()之后。
在调用setState()之后。
在调用didChangeDependencies()之后。
在State对象从树中一个位置移除后（会调用deactivate）又重新插入到树的其它位置之后。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

4. reassemble()：
此回调是专门为了开发调试而提供的，在热重载(hot reload)时会被调用，此回调在Release模式下永远不会被调用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

5. didUpdateWidget()：
在widget重新构建时，Flutter framework会调用来检测Widget树中同一位置的新旧节点，然后决定是否需要更新，如果返回true则会调用此回调。正如之前所述，会在新旧widget的key和runtimeType同时相等时会返回true，也就是说在在新旧widget的key和runtimeType同时相等时didUpdateWidget()就会被调用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

6. deactivate()：
当State对象从树中被移除时，会调用此回调。在一些场景下，Flutter framework会将State对象重新插到树中，如包含此State对象的子树在树的一个位置移动到另一个位置时（可以通过GlobalKey来实现）。如果移除后没有重新插入到树中则紧接着会调用dispose()方法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

7. dispose()：
当State对象从树中被永久移除时调用；通常在此回调中释放资源。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

2：

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

• 初始化（插入渲染树）
• 状态改变（在渲染树中存在）
• 销毁（从渲染树种移除）

构造函数

这个函数不属于生命周期，因为这个时候State的widget属性为空，如果要在构造函数中访问widget的属性是行不通的。但是构造函数必然是要第一个调用的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

initState

/// Called when this object is inserted into the tree.
当插入渲染树的时候调用，这个函数在生命周期中只调用一次。这里可以做一些初始化工作，比如初始化State的变量。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

didChangeDependencies

这个函数会紧跟在initState之后调用，并且可以调用BuildContext.inheritFromWidgetOfExactType文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

didUpdateWidget

当组件的状态改变的时候就会调用didUpdateWidget,比如调用了setState.
实际上这里flutter框架会创建一个新的Widget,绑定本State，并在这个函数中传递老的Widget。
这个函数一般用于比较新、老Widget，看看哪些属性改变了，并对State做一些调整。
需要注意的是，涉及到controller的变更，需要在这个函数中移除老的controller的监听，并创建新controller的监听。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

deactivate

在dispose之前，会调用这个函数。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

dispose

一旦到这个阶段，组件就要被销毁了，这个函数一般会移除监听，清理环境。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

3：

Flutter生命周期可以分为3个阶段：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

1、实例化组件并添加到树， 即；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

2、状态变化，即打开新的widget或者依赖的上级widget发生变化；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

3、从树中移除, 即。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

在Flutter中Widget都是不可变的， 但实际上需要根据对应的状态刷新Widget。 从而产生了StatelessWidget和StatefulWdiget, StatefulWidget是由2个对象Widget和State组成的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

为什么将State和Widget分开呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html

答案是性能， State管理状态（可以理解为Controller），Widget是UI（即View)。 根据状态变化每次生成Widget(即View）可以节省内存，即不必每次创建状态对象State。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19754.html