flutter入门 第二天 生命周期
Flutter实战
Flutter中文网
https://segmentfault.com/a/1190000015211309?utm_source=tag-newest
我们不生产代码，只是代码的搬运工。。。。
测试代码：
import 'package:flutter/material.dart';
class LifecycleTest extends StatefulWidget {
const LifecycleTest({
Key key,
this.index = 0
});
final int index ;
@override
State<StatefulWidget> createState() => new _LifeCycleState();
}
class _LifeCycleState extends State<LifecycleTest>{
int _counter;
@override
void initState() {
super.initState();
print("initState");
_counter=widget.index;
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
print("didChangeDependencies");
}
@override
Widget build(BuildContext context) {
print("build");
return Scaffold(
body: Center(
child: FlatButton(
child: Text('$_counter'),
onPressed:()=>setState(()=> ++_counter,
),
),
),
);
}
@override
void didUpdateWidget(LifecycleTest oldWidget) {
super.didUpdateWidget(oldWidget);
print("didUpdateWidget");
}
@override
void dispose() {
super.dispose();
print("dispose");
}
@override
void reassemble() {
super.reassemble();
print("reassemble");
}
@override
void deactivate() {
super.deactivate();
print("deactivate");
}
}
运行程序，控制台输出日志：
I/flutter: initState
I/flutter: didChangeDependencies
I/flutter: build
各个函数：
构造函数：
这个函数不属于生命周期，因为这个时候State的widget属性为空，如果要在构造函数中访问widget的属性是行不通的。但是构造函数必然是要第一个调用的。
initState():
/// Called when this object is inserted into the tree.
/// The framework will call this method exactly once for each [State] object
从源码注释中可以看出，此函数在插入渲染树的时候调用，这个函数在生命周期中只调用一次。这里可以做一些初始化工作，比如初始化State的变量。
didChangeDependencies()
/// Called when a dependency of this [State] object changes.
这个函数会紧跟在initState之后调用。
build()
它主要是用于构建Widget子树的，会在如下场景被调用：
- 在调用initState()之后。
- 在调用didUpdateWidget()之后。
- 在调用setState()之后。
- 在调用didChangeDependencies()之后。
- 在State对象从树中一个位置移除后（会调用deactivate）又重新插入到树的其它位置之后。
然后点击⚡️按钮进行热重载，控制台输出日志：
I/flutter: reassemble
I/flutter: didUpdateWidget
I/flutter: build
可以看到此时initState() 和didChangeDependencies()都没有被调用，而didUpdateWidget被调用。
接下来，我们在widget树中移除CounterWidget，将路由build方法改为：
@override
Widget build(BuildContext context) {
print("build");
return Text("XXXX");
// Scaffold(
// body: Center(
// child: FlatButton(
// child: Text('$_counter'),
// onPressed:()=>setState(()=> ++_counter,
// ),
// ),
// ),
// );
}
然后热重载，控制台日志：
I/flutter: reassemble
I/flutter: deactive
I/flutter: dispose
我们可以看到，在CounterWidget从widget树中移除时，deactive和dispose会依次被调用。
总结一下
initState：当Widget第一次插入到Widget树时会被调用，对于每一个State对象，Flutter framework只会调用一次该回调，所以，通常在该回调中做一些一次性的操作，如状态初始化、订阅子树的事件通知等。不能在该回调中调用BuildContext.inheritFromWidgetOfExactType（该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget，关于InheritedWidget我们将在后面章节介绍），原因是在初始化完成后，Widget树中的InheritFromWidget也可能会发生变化，所以正确的做法应该在在build（）方法或didChangeDependencies()中调用它。
didChangeDependencies()：当State对象的依赖发生变化时会被调用；例如：在之前build() 中包含了一个InheritedWidget，然后在之后的build() 中InheritedWidget发生了变化，那么此时InheritedWidget的子widget的didChangeDependencies()回调都会被调用。典型的场景是当系统语言Locale或应用主题改变时，Flutter framework会通知widget调用此回调。
build()：此回调读者现在应该已经相当熟悉了，它主要是用于构建Widget子树的，会在如下场景被调用：
- 在调用initState()之后。
- 在调用didUpdateWidget()之后。
- 在调用setState()之后。
- 在调用didChangeDependencies()之后。
- 在State对象从树中一个位置移除后（会调用deactivate）又重新插入到树的其它位置之后。
reassemble()：此回调是专门为了开发调试而提供的，在热重载(hot reload)时会被调用，此回调在Release模式下永远不会被调用。
didUpdateWidget()：在widget重新构建时，Flutter framework会调用Widget.canUpdate来检测Widget树中同一位置的新旧节点，然后决定是否需要更新，如果Widget.canUpdate返回true则会调用此回调。正如之前所述，Widget.canUpdate会在新旧widget的key和runtimeType同时相等时会返回true，也就是说在在新旧widget的key和runtimeType同时相等时didUpdateWidget()就会被调用。
deactivate()：当State对象从树中被移除时，会调用此回调。在一些场景下，Flutter framework会将State对象重新插到树中，如包含此State对象的子树在树的一个位置移动到另一个位置时（可以通过GlobalKey来实现）。如果移除后没有重新插入到树中则紧接着会调用dispose()方法。
dispose()：当State对象从树中被永久移除时调用；通常在此回调中释放资源。
插入一张声明周期图
注意：在继承StatefulWidget重写其方法时，对于包含@mustCallSuper标注的父类方法，都要在子类方法中先调用父类方法。
