什么是生命周期呢？
客户端开发：iOS开发中我们需要知道UIViewController从创建到销毁的整个过程，Android开发中我们需要知道Activity从创建到销毁的整个过程。以便在不同的生命周期方法中完成不同的操作；
前端开发中：Vue、React开发中组件也都有自己的生命周期，在不同的生命周期中我们可以做不同的操作；
Flutter小部件的生命周期：
StatelessWidget可以由父Widget直接传入值，调用build方法来构建，整个过程非常简单；
而StatefulWidget需要通过State来管理其数据，并且还要监控状态的改变决定是否重新build整个Widget；
所以，我们主要讨论StatefulWidget的生命周期，也就是它从创建到销毁的整个过程；
1.3.2. 生命周期的简单版
在这个版本中，我讲解那些常用的方法和回调，下一个版本中我解释一些比较复杂的方法和回调
那么StatefulWidget有哪些生命周期的回调呢？它们分别在什么情况下执行呢？
在下图中，灰色部分的内容是Flutter内部操作的，我们并不需要手动去设置它们；
白色部分表示我们可以去监听到或者可以手动调用的方法；
我们知道StatefulWidget本身由两个类组成的：StatefulWidget和State，我们分开进行分析
首先，执行StatefulWidget中相关的方法：
1、执行StatefulWidget的构造函数（Constructor）来创建出StatefulWidget；
2、执行StatefulWidget的createState方法，来创建一个维护StatefulWidget的State对象；
其次，调用createState创建State对象时，执行State类的相关方法：
1、执行State类的构造方法（Constructor）来创建State对象；
2、执行initState，我们通常会在这个方法中执行一些数据初始化的操作，或者也可能会发送网络请求；
注意：这个方法是重写父类的方法，必须调用super，因为父类中会进行一些其他操作；
并且如果你阅读源码，你会发现这里有一个注解（annotation）：@mustCallSuper
3、执行didChangeDependencies方法，这个方法在两种情况下会调用
情况一：调用initState会调用；
情况二：从其他对象中依赖一些数据发生改变时，比如前面我们提到的InheritedWidget（这个后面会讲到）；
4、Flutter执行build方法，来看一下我们当前的Widget需要渲染哪些Widget；
5、当前的Widget不再使用时，会调用dispose进行销毁；
6、手动调用setState方法，会根据最新的状态（数据）来重新调用build方法，构建对应的Widgets；
7、执行didUpdateWidget方法是在当父Widget触发重建（rebuild）时，系统会调用didUpdateWidget方法；
StatefulWidget生命周期函数执行过程
/*
理解生命周期的函数能做什么以及意义？
1.初始化一些数据、变量、状态
2.发送网络请求
3.监听属性变化
4.进行一些事件的监听controller添加监听事件
5.管理内存：一些定时器手动进行销毁
*/
import 'package:flutter/material.dart';
main() {
runApp(MaterialApp(
home:KSJScaffold()
));
}
/*
StatelessWidget生命周期函数执行过程？
flutter: 构造函数被调用
flutter: build函数被调用
flutter: build函数被调用
*/
class KSJStatelessWidgetextends StatelessWidget {
final Stringmessage;
KSJStatelessWidget(this.message) {
print('构造函数被调用');
}
@override
Widgetbuild(BuildContext context) {
print('build函数被调用');
return Container();
}
}
/*
performing hot restart...
Syncing files to device iPhone X...
Restarted application in 2,941ms.
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: 2.KSJApp的createState被调用
flutter: 3.KSJApp的_KSJAppState被调用
flutter: 4.KSJApp的initState被调用
flutter: 父节点build被调用=>didChangeDependencies
flutter: 5.KSJApp的build被调用
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: KSJ的didUpdateWidget
flutter: 5.KSJApp的build被调用
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: KSJ的didUpdateWidget
flutter: 5.KSJApp的build被调用
*/
class KSJScaffoldextends StatefulWidget {
@override
_KSJScaffoldStatecreateState() =>_KSJScaffoldState();
}
class _KSJScaffoldStateextends State {
num_count =0;
@override
Widgetbuild(BuildContext context) {
print("开始：父节点发生改变或新建");
return Scaffold(
appBar:AppBar(title:Text('KSJ')),
body:Column(
children: [
KSJApp("ksj"),
RaisedButton(child:Text('+'), onPressed: (){
setState(() {
_count++;
});
}),
Text('${this._count}')
],
)
);
}
}
class KSJAppextends StatefulWidget {
final Stringmessage;
KSJApp(this.message) {
print('1.KSJApp的构造函数被调用');
}
@override
_KSJAppStatecreateState() {
print('2.KSJApp的createState被调用');
return _KSJAppState();
}
}
class _KSJAppStateextends State {
num_counter =0;
_KSJAppState(){
print('3.KSJApp的_KSJAppState被调用');
}
@override
void initState() {
// TODO: implement initState
// @mustCallSuper
super.initState();
print('4.KSJApp的initState被调用');
}
// 数据改变依赖的时候会发生改变并调用
// 情况1：调用 initState会调用
// 情况2：从其他对象中依赖一些数据发生改变时，比如前面我们提到的inheritedWidget(这个后面会讲到)
@override
void didChangeDependencies() {
// TODO: implement didChangeDependencies
super.didChangeDependencies();
print('didChangeDependencies');
}
@override
void didUpdateWidget(KSJApp oldWidget) {
// TODO: implement didUpdateWidget
super.didUpdateWidget(oldWidget);
print('KSJ的didUpdateWidget');
}
@override
Widgetbuild(BuildContext context) {
print('5.KSJApp的build被调用');
return Center(
child:Column(
children: [
Text('$_counter'),
RaisedButton(child:Text("增加"), onPressed: (){
// set方法的调用会触发build的方法的使用
print('set方法的调用会触发build的方法的调用');
setState(() {
_counter++;
});
})
],
),
);
}
@override
void dispose() {
// TODO: implement dispose
print('6.KSJApp的dispose被调用');
super.dispose();
}
}
复制备份用：
/*
理解生命周期的函数能做什么以及意义？
1.初始化一些数据、变量、状态
2.发送网络请求
3.监听属性变化
4.进行一些事件的监听controller添加监听事件
5.管理内存：一些定时器手动进行销毁
*/
import 'package:flutter/material.dart';
main() {
runApp(MaterialApp(
home:KSJScaffold()
));
}
/*
StatelessWidget生命周期函数执行过程？
flutter: 构造函数被调用
flutter: build函数被调用
flutter: build函数被调用
*/
class KSJStatelessWidgetextends StatelessWidget {
final Stringmessage;
KSJStatelessWidget(this.message) {
print('构造函数被调用');
}
@override
Widgetbuild(BuildContext context) {
print('build函数被调用');
return Container();
}
}
/*
performing hot restart...
Syncing files to device iPhone X...
Restarted application in 2,941ms.
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: 2.KSJApp的createState被调用
flutter: 3.KSJApp的_KSJAppState被调用
flutter: 4.KSJApp的initState被调用
flutter: 父节点build被调用=>didChangeDependencies
flutter: 5.KSJApp的build被调用
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: KSJ的didUpdateWidget
flutter: 5.KSJApp的build被调用
flutter: 开始：父节点发生改变或新建
flutter: 1.KSJApp的构造函数被调用
flutter: KSJ的didUpdateWidget
flutter: 5.KSJApp的build被调用
*/
class KSJScaffoldextends StatefulWidget {
@override
_KSJScaffoldStatecreateState() =>_KSJScaffoldState();
}
class _KSJScaffoldStateextends State {
num_count =0;
@override
Widgetbuild(BuildContext context) {
print("开始：父节点发生改变或新建");
return Scaffold(
appBar:AppBar(title:Text('KSJ')),
body:Column(
children: [
KSJApp("ksj"),
RaisedButton(child:Text('+'), onPressed: (){
setState(() {
_count++;
});
}),
Text('${this._count}')
],
)
);
}
}
class KSJAppextends StatefulWidget {
final Stringmessage;
KSJApp(this.message) {
print('1.KSJApp的构造函数被调用');
}
@override
_KSJAppStatecreateState() {
print('2.KSJApp的createState被调用');
return _KSJAppState();
}
}
class _KSJAppStateextends State {
num_counter =0;
_KSJAppState(){
print('3.KSJApp的_KSJAppState被调用');
}
@override
void initState() {
// TODO: implement initState
// @mustCallSuper
super.initState();
print('4.KSJApp的initState被调用');
}
// 数据改变依赖的时候会发生改变并调用
// 情况1：调用 initState会调用
// 情况2：从其他对象中依赖一些数据发生改变时，比如前面我们提到的inheritedWidget(这个后面会讲到)
@override
void didChangeDependencies() {
// TODO: implement didChangeDependencies
super.didChangeDependencies();
print('didChangeDependencies');
}
@override
void didUpdateWidget(KSJApp oldWidget) {
// TODO: implement didUpdateWidget
super.didUpdateWidget(oldWidget);
print('KSJ的didUpdateWidget');
}
@override
Widgetbuild(BuildContext context) {
print('5.KSJApp的build被调用');
return Center(
child:Column(
children: [
Text('$_counter'),
RaisedButton(child:Text("增加"), onPressed: (){
// set方法的调用会触发build的方法的使用
print('set方法的调用会触发build的方法的调用');
setState(() {
_counter++;
});
})
],
),
);
}
@override
void dispose() {
// TODO: implement dispose
print('6.KSJApp的dispose被调用');
super.dispose();
}
}
复杂结构图
网友评论