Flutter-生命周期

323 阅读2分钟

一、概述

生命周期是一个从创建到销毁的过程,Flutter生命周期分为两部分:

1.Widget的生命周期

2.APP的生命周期

6970555-6ed745a4309f9682.png

二、Widget的生命周期

1.StatelessWidget

对于StatelessWidget来说,生命周期只有build过程。build是用来创建Widget的,在每次页面刷新时会调用build。

2.StatefulWidget

StatefulWidget的生命周期依次为:

  • createState
  • initState
  • didChangeDependencies
  • build
  • addPostFrameCallback StatefulWidget渲染结束之后的回调,只会调用一次
  • didUpdateWidget
  • deactivate(组件移除时)
  • dispose(组件移除时)

image.png

总体介绍一下生命周期,大致可以看成三个阶段:

初始化 (插入渲染树🌲) initState、didChangeDependencies、build

状态改变 (在渲染树中存在) didUpdateWidget、build

销毁 (从渲染树中移除) deactivate、dispose

createState

createState是StatefulWidget来创建State的方法,只调用一次,

class PdfIntroduce extends StatefulWidget {

@override

_PdfIntroduce createState() => _PdfIntroduce();

}

initState:

插入渲染树时调用只调用一次, widget创建执行的第一个方法, 可以再里面初始化一些数据,以及绑定控制器

Widget第一次插入到Widget Tree时会被调用,对于每一个State对象,Flutter Framework只会调用一次该回调,所以,通常在该回调中做一些一次性的操作,如状态初始化、订阅子树的事件通知等。

didChangeDependencies:

当State对象的依赖发生变化时被调用 其主要场景有两个:

  1. 其依赖的InheritedWidget对象发生了变化。

  2. 第一次插入Widget Tree中,在initState之后。

build:

它主要是用于构建Widget子树的,会在如下场景被调用:

  1. 在调用initState之后。

  2. 在调用didUpdateWidget之后。

  3. 在调用setState之后。

  4. 在调用didChangeDependencies之后。

  5. State对象从树中一个位置移除后(会调用deactivate)又重新插入到树的其它位置之后。

  • reassemble

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

didUpdateWidget:

Widget重新构建时,Flutter Framework会调用Widget.canUpdate来检测Widget Tree中同一位置的新旧节点,然后决定是否需要更新,如果Widget.canUpdate返回true则会调用此回调。

deactivate:

当State被暂时从视图树中移除时,会调用这个函数.

在一些场景下,Flutter Framework会将State对象重新插到树中,如包含此State对象的子树在树的一个位置移动到另一个位置时(可以通过GlobalKey来实现)。如果移除后没有重新插入到树中则紧接着会调用dispose方法。

dispose:

当State对象从树中被永久移除时调用; 通常在此回调中释放资源.

三、APP的生命周期

AppLifecycleState就是App的生命周期,包含四个:

  • resumed
  • inactive
  • paused
  • suspending