flutter之组件生命周期学习笔记总结

 浆糊之家   2019-08-07 11:15   1 views 热度值  网名www.fybqq.com

生命周期似乎已经成为前端框架的标配了,然后在flutter中依然有生命周期这个概念。

flutter是一个组件加载到卸载的整个周期,不同的生命周期内可以做的事情都是不一样,相信使用过react,vue的小伙伴应该都清楚,在更新组件的时候在相应生命周期相业务逻辑、初始化页面的时候做一些数据处理等等。

 

废话不多说,先上flutter的生命周期图:

 

flutter生命周期.png

 

初始化时会依次执行:构造函数 > initState > didChangeDependencies > Widget build

当组件state值改变时,依次执行 didUpdateWidget > Widget build

 

initState() {} 初始化state值,在实例化的时候,就会执行只方法函数,只会触发1次。

 

didUpdateWidget(oldWidget) {}当组件状态改变时触发,它会返回一个旧的widget组件

didChangeDependencies() {} 会紧跟在initState之后调用,当依赖的InheritedWidget更新state值时,会触发此生命周期

更新分为两种更新:

一种是组件本身或者其父组件调用setState触发的更新,这种更新走的生命周期是:didUpdateWidget->build。

这没什么说的,我们可以在didUpdateWidget重新绑定一些组件的监听或者重置状态。

另一种是依赖的InheritedWidget发生变化的时候,会触发didChangedDependencies。

 

Widget build(BuildContext context) {} 渲染页面组件,调用次数:多次

 

deactivate() {}方法标志组件为无效状态,在组件被卸载移除之前触发(当前组件还可渲染读取),都是在dispose生命周期前执行的。

dispose() {} 组件被卸载后触发,用于监听组件卸载后去处理清理等操作,调用次数1次

 

reassemble() {}此回调是专门为了开发调试而提供的,在热重载(hot reload)时会被调用,此回调在Release模式下永远不会被调用

didChangeAppLifecycleState(AppLifecycleState state) {}获取App的生命周期,此生命周期内可以获取用户不同状态的生命周期,此方法必须继承

WidgetsBindingObserver接口后才可以使用

AppLifecycleState.resumed可见并能响应用户的输入

AppLifecycleState.inactive处在并不活动状态,无法处理用户响应

AppLifecycleState.paused不可见并不能响应用户的输入,但是在后台继续活动中

 

代码打印这些方法在何时执行(测试生命周期)

以上代码自己在模拟器上运行打印出相应生命周期

 

以下总结运行输出打印结果:

1、创建一个wedget到显示 打印输出依次如下,initState》》didChangeDependencies》》build

2、退出页面依次输出:deactivate》》dispose

3、点击热重载按钮,依次输出:reassemble》》didUpdateWidget》》build

4、app由显示切换到后台(home状态),依次输出:AppLifecycleState.inactive》》AppLifecycleState.paused

5、app由后台切回前台,依次输出: AppLifecycleState.inactive》》AppLifecycleState.resumed

PREVIOUS:已经是最后一篇了
NEXT:已经是最新一篇了
 相关文章  关键词:

 发表评论


表情