Flutter 页面生命周期就是 Flutter 页面组件 Widget 的生命周期。
Flutter 有两种组件,一种是 StatelessWidget ,另一种是 StatefulWidget。
StatelessWidget 生命周期
StatelessWidget 组件生命周期函数只有两个:
- createElement()方法
- build()方法
Dartabstract class StatelessWidget extends Widget {
/// Initializes [key] for subclasses.
const StatelessWidget({ Key? key }) : super(key: key);
@override
StatelessElement createElement() => StatelessElement(this);
@protected
Widget build(BuildContext context);
}
StatefulWidget 生命周期
StatefulWidget的生命周期主要由三部分组成:
- 初始化 createState() initState()
- 更新 didChangeDependencies() build() didUpdateWidget()
- 销毁 deactivate() dispose()
// 这是一个 StatefulWidget 的类
class MyAPP extends StatefulWidget {
MyAPP({Key? key}) : super(key: key);
/**
* 初始化期 第一步
* createState() 是初始化时期的生命周期函数
* 创建 StatefulWidget 之后调用的第一个方法
* 该方法是抽象方法 , 必须覆盖重写该方法
*/
@override
State<MyAPP> createState() => _MyAPPState();
}
class _MyAPPState extends State<MyAPP> {
/**
* 初始化期 第二步
* initState()
* 在该方法中执行一些初始化操作
*/
@override
void initState() {
super.initState();
}
/**
* 更新期 第一步
* didChangeDependencies()
* 创建 Widget 组件时 , 调用完 initState 方法后 , 调用该方法
*/
@override
void didChangeDependencies() {
super.didChangeDependencies();
}
/**
* 更新期 第二步,即在 didChangeDependencies() 后立即调用
* 或者,如果调用 setState() 方法也会再次调用
* 页面每次渲染时都会调用此方法
* 是整个 Widget 的入口,可以通过在每个页面查找 build 来定位页面问题
*/
@override
Widget build(BuildContext context) {
return Container();
}
/**
* 更新期的生命周期函数
* 该生命周期方法只有在父容器组件重绘时才调用该方法
* 传入的 oldWidget 参数是旧的组件信息, 将当前的 Widget 与旧的 Widget 进行对比, 如果不相等, 便执行额外操作;
*/
@override
void didUpdateWidget (covariant MyAPP oldWidget) {
super.didUpdateWidget(oldWidget);
}
/**
* 销毁时期 在 dispose() 之前调用
* 只有在组件被移除时才调用
*/
@override
void deactivate(){
super.deactivate();
}
/**
* 销毁时期
* 组件被销毁时调用, 要在该方法中进行资源的释放与销毁操作
* 比如 Stream 等,需要在这里释放
*/
@override
void dispose() {
super.dispose();
}
}
需要页面全部渲染完成时进行操作
可以在 initSate() 方法中使用以下方法。只会在页面渲染完成后调用一次。
DartWidgetsBinding.instance!.addPostFrameCallback((duration) {});