美文网首页Flutter圈子Flutter中文社区Flutter Developer
Flutter(七)--Widget的生命周期(周期方法)

Flutter(七)--Widget的生命周期(周期方法)

作者: Henry________ | 来源:发表于2020-07-02 16:04 被阅读0次
人类演化

概述:

任何前端、移动端开发都会涉及到可视化组件的生命周期,也就是这个组件从生到死的过程,我们所能感知、控制的就是每一个阶段对应的系统回调函数。

整个过程不无外乎包含这几步,但是或多或少在期间还有其他的方法。

graph TD
A[构造函数] -->|初始化完成| C{展示完成}
C -->|页面更新| C
C -->|消失| E[销毁]

周期方法:

所谓的生命周期,本质上就是周期方法的调用。而周期方法就是开发者放出的各种回调方法。
作用也就很好理解了,就是让使用者知道当前组件处于哪种状态、并处理各阶段的自定义操作(数据、UI等)。

Flutter-Widget的生命周期

言归正传现在来说说Fluuter中Widget的生命周期都包含哪些方法,这些方法都是在什么时机被调用的。
这是常见的方法,我通过一个表格来展示,展示顺序也是调用顺序:

StateLessWidget StatefulWidget
init(构造方法) Widget-Init(构造方法)
CreateState()
State-init
initState()
didChangeDependencies()
didUpdateWidget()
build() State-buid()
deactivate()
dispose()

重点备注几个不是很好理解的方法:

  • initState 只会在首次创建时触发该方法,而在rebuild时并不会触发该方法。
  • didChangeDependencies Widget的依赖关系发生变化时会触发该方法,这个很好理解就是Widget树中父Widget发生变化。除此之外还有状态管理也叫数据共享同样会触发该方法.
  • didUpdateWidget 当父Widget发生setState()时,父Widget并不会发生触发该方法,只会触发子Widget的该方法。
  • deactivate 是Widget要从Widget树中移除时会触发该方法,在该方法中可以改变Widget的依赖关系,避免该Widget被销毁.

除此之外还有一些和App整体有关的周期方法:

  • resumed App可见且获取焦点状态;
  • inactive App处于非活动状态;
  • paused App不可见,后台运行状态;

总:

Widget常见的生命周期方法也就是这些,并没有什么难度。如果涉及到生命周期方法和Widget的渲染原理之间的关系,一下就有意思起来了。请查看第八期Widget的渲染逻辑

传送门:

Flutter-汇总

相关文章

  • Flutter的生命周期

    Flutter 的生命周期分为两个部分: Widget的生命周期 App的生命周期 Flutter里的Widget...

  • Flutter 的生命周期

    Flutter 的生命周期Flutter 的生命周期分为两个部分: Widget 的生命周期App 的生命周期Fl...

  • Flutter 的生命周期(转载)

    一,概述 Flutter 的生命周期分为两个部分: Widget 的生命周期 App 的生命周期 二,Widget...

  • Flutter生命周期及监听状态

    Flutter Widget生命周期分为3个阶段: 1.创建: 构造方法:Flutter通过StatefulWid...

  • Flutter 页面生命周期

    Flutter 页面生命周期就是 Flutter 页面组件 Widget 的生命周期。 Flutter 有两种组件...

  • Flutter 生命周期

    前提 Flutter 的生命周期分为两个部分: 1.Widget 的生命周期2.App 的生命周期 Widget的...

  • 监听Flutter的生命周期

    监听Flutter的生命周期 要了解Widget,就需要先知道Widget的生命周期。 这里说到的生命周期分为两个...

  • Flutter的生命周期

    Flutter的生命周期 1、widget的生命周期 1.1 StatelessWidget 的生命周期(只有bu...

  • Flutter 生命周期和渲染原理

    Flutter-widget生命周期 生命周期基本概念 什么是生命周期 本质是回调方法(函数) 让开发者知道这个w...

  • Flutter学习笔记

    生命周期 Flutter生命周期说白了就是回调方法(函数),主要是监听Widget事件,内存管理(销毁). 每一个...

网友评论

    本文标题:Flutter(七)--Widget的生命周期(周期方法)

    本文链接:https://www.haomeiwen.com/subject/xlyrqktx.html