【Flutter学习】之Flutter的⽣命周期
⼀，概述
Flutter 的⽣命周期分为两个部分：
Widget 的⽣命周期
App 的⽣命周期
⼆，Widget 的⽣命周期
Flutter ⾥的 Widget 分为 StatelessWidget 和 StatefulWidget 两种，这两种 Widget 的⽣命周期是不⼀样的，我们接下来具体来看。
StatelessWidget 的⽣命周期
StatelessWidget 的⽣命周期只有⼀个，就是：
build
build 是⽤来创建 Widget 的，但因为 build 在每次界⾯刷新的时候都会调⽤，所以不要在 build ⾥写业务逻辑，可以把业务逻辑写到你的 StatelessWidget 的构造函数⾥。
StatelessWidget 的 build 函数代码如下：
class TestWidget extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
print('StatelessWidget build');
return Text('Test');
}
}
StatefulWidget 的⽣命周期
StatefulWidget 的⽣命周期⽐较复杂，依次为：
createState
initState
didChangeDependencies
build
addPostFrameCallback
didUpdateWidget
deactivate
dispose
⽣命周期图
接下来具体介绍⼀下各个⽣命周期。
createState
createState 是 StatefulWidget ⾥创建 State 的⽅法，当要创建新的 StatefulWidget 的时候，会⽴即执⾏ createState，⽽且只执⾏⼀次，createState 必须要实现：
class MyScreen extends StatefulWidget {
@override
_MyScreenState createState() => _MyScreenState();
}
initState
前⾯的 createState 是在创建 StatefulWidget 的时候会调⽤，initState 是 StatefulWidget 创建完后调⽤的第⼀个⽅法，⽽且只执⾏⼀次，类似于 Android 的 onCreate、iOS 的 viewDidLoad()，所以在这⾥ View 并没有渲染，但是这时StatefulWidget 已经被加载到渲染树⾥了，这时 StatefulWidget 的 mount的值会变为 true，直到 dispose调⽤的时候才会变为 false。可以在 initState⾥做⼀些初始化的操作。
在 override initState的时候必须要调⽤ super.initState()：
@override
void initState() {
super.initState();
.
..
}
didChangeDependencies
当 StatefulWidget 第⼀次创建的时候，didChangeDependencies⽅法会在 initState⽅法之后⽴即调⽤，之后当StatefulWidget 刷新的时候，就不会调⽤了，除⾮你的 StatefulWidget 依赖的 InheritedWidget 发⽣变化之
后，didChangeDependencies才会调⽤，所以 didChangeDependencies有可能会被调⽤多次。
这个函数会紧跟在initState之后调⽤，并且可以调⽤BuildContext.inheritFromWidgetOfExactType，那么BuildContext.inheritFromWidgetOfExactType的使⽤场景是什么呢？最经典的应⽤场景是
new DefaultTabController(length: 3, child: new TabBar(
tabs: [ "主页","订单","我的" ]
.map( (data)=>new Text(data) ).toList(),
TabBar本来需要定义⼀个TabController，但是在外⾯套⼀层DefaultTabController就不需要定义TabContrller了，看下源码：@override
void didChangeDependencies() {
super.didChangeDependencies();
_updateTabController();
_initIndicatorPainter();
}
void _updateTabController() {
final TabController newController = ller ?? DefaultTabController.of(context);
...
}
注意到这⾥DefaultTabController.of(context)
static TabController of(BuildContext context) {
final _TabControllerScope scope = context.inheritFromWidgetOfExactType(_TabControllerScope);
return scope?.controller;
}
实际上就是调⽤BuildContext.inheritFromWidgetOfExactType，也就说在didChangeDependencies中，可以跨组件拿到数据。
build
在 StatefulWidget 第⼀次创建的时候，build⽅法会在 didChangeDependencies⽅法之后⽴即调⽤，另外⼀种会调⽤ build ⽅法的场景是，每当 UI 需要重新渲染的时候(setState触发)，build都会被调⽤，所以 build会被多次调⽤，然后返回要渲染的 Widget。千万不要在 build⾥做除了创建 Widget 之外的操作，因为这个会影响 UI 的渲染效率。
addPostFrameCallback
addPostFrameCallback是 StatefulWidge 渲染结束的回调，只会被调⽤⼀次，之后 StatefulWidget 需要刷新 UI 也不会被调⽤，addPostFrameCallback的使⽤⽅法是在 initState⾥添加回调：
import 'package:flutter/scheduler.dart';
@override
void initState() {
super.initState();
SchedulerBinding.instance.addPostFrameCallback((_) => {});
}
didUpdateWidget
祖先节点rebuild widget时调⽤ .当组件的状态改变的时候就会调⽤didUpdateWidget.（可能会调⽤多次）
理论上setState的时候会调⽤，但我实际操作的时候发现只是做setState的操作的时候没有调⽤这个⽅法。
⽽在我改变代码
hot reload时候会调⽤ didUpdateWidget 并执⾏ build…
实际上这⾥flutter框架会创建⼀个新的Widget，绑定本State，并在这个函数中传递⽼的Widget。这个函数⼀般⽤于⽐较新、
⽼Widget，看看哪些属性改变了，并对State做⼀些调整。
需要注意的是，涉及到controller的变更，需要在这个函数中移除⽼的controller的监听，并创建新controller的监听。
deactivate（组件移除时）
当要将 State 对象从渲染树中移除的时候，就会调⽤ deactivate⽣命周期，这标志着 StatefulWidget 将要销毁，但是有时候
State 不会被销毁，⽽是重新插⼊到渲染树种。
dispose（组件移除时）
当 View 不需要再显⽰，从渲染树中移除的时候，State 就会永久的从渲染树中移除，就会调⽤ dispose⽣命周期，这时候
就可以在 dispose⾥做⼀些取消监听、动画的操作，和 initState是相反的。
三，App 的⽣命周期
AppLifecycleState 就是 App 的⽣命周期，有：
resumed
inactive
paused
suspending
如果想要知道 Flutter App 的⽣命周期，例如 Flutter 是在前台还是在后台，就需要使⽤到 WidgetsBindingObserver了，使⽤⽅法如下：1. State 的类 mix WidgetsBindingObserver：
class _MyHomePageState extends State<MyHomePage> with WidgetsBindingObserver {
...
}
2. 在 State 的 initState⾥添加监听：
@override
void initState(){
super.initState();
WidgetsBinding.instance.addObserver(this);
}
3. 在 State 的 dispose⾥移除监听：
@override
void dispose() {
/
/ TODO: implement dispose
super.dispose();
veObserver(this);
}
4. 在 State ⾥ override didChangeAppLifecycleState
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
super.didChangeAppLifecycleState(state);
if (state == AppLifecycleState.paused) {
// went to Background
flutter开发app}
if (state == sumed) {
// came back to Foreground
}
}
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论