StatefulWidget

StatefulWidget渲染流程：

State生命周期：

//初始化 （调用1次，组件创建时）

void initState(){}

//界面更新，Widget的配置发生变化时，或热重载时，系统会回调该方法 (会调用多次，组件创建或UI重新渲染)

void didUpdateWidget(covariant T oldWidget) {}

//重新载入

void reassemble(){}

//设置界面数据变更

void setState(VoidCallback fn){}

//视图不可见（会调用多次，State对象要移除时）

void deactivate(){}

//视图销毁（调用1次State对象被销毁）

void dispose(){}

//（会调用多次，组件创建或UI重新渲染）

Widget build(BuilContext context){}

//state 对象的依赖关系发生变化后，Flutter会回调该方法，随后触发组件构建。（组件穿件或者状态发生变化）

//State对象依赖关系发生变化的典型场景：系统语言 Locale或应用主题改变时，系统会通知State执行didChangeDependencies回调方法

void didChangeDependencies(){}

StatefulWidget的生命周期大致可分为三个阶段：

1、初始化： 插入渲染树，这一阶段涉及的生命周期函数主要有createState、initState、didChangeDependencies和build

2、运行中：在渲染树中存在，这一阶段涉及的生命周期函数主要有didUpdateWidget和build

3、销毁：从渲染树中移除，此阶段涉及的生命周期函数主要有deactivate和dispose

通常情况下，可以在initState方法中做一些初始化工作，然后在dispose方法中做一些销毁工作

setState如何触发界面变更

enum _StateLifecycle {

    created, //表示State的Create和方法已经执行，State.initState正在进行执行

    initialized, //表示State.initState已经执行，State.didChangeDependencies方法正在执行

    ready, //表示State已经完成构建

    defunct, //表示State.dispose方法已经执行，State即将销毁

}

setState方法的执行流程：

1、判断函数体是否为空，为空则不继续执行

2、首先判断state生命周期的状态，如果是defunct状态就抛异常

3、然后判断state状态如果是created而且此时的Element不为空(mounte实际上就是表示Element的状态)

4、执行传入的函数体

5、判断函数体返回是不是一个Future，如果是就抛异常提示处理

6、调用Element的markNeedsBuild方法

void markNeedsBuild() {

      assert(_debugLifecycleState != _ElementLifecycle.defunct);

      if (!_active)

        return;

      assert(owner != null);

      assert(_debugLifecycleState == _ElementLifecycle.active);

    ……

      if (dirty)

        return;

      _dirty = true;

      owner.scheduleBuildFor(this);

}

在markNeedsBuild方法中会经过一系列的判断，来判断当前是否需要重新构建Widget。在最后标记当前_dirty为true，并且调用scheduleBuildFor来重新构建Wdiget。

而scheduleBuildFor最终会调用onBuildScheduled来通知每个Element去构建Widget。

小结：

StatefulWidget是由状态组建，我们可以使用setState方法来重新构建组建

StatefulWidget的Wdiget是通过State的Build方法构建的

setState方法将要重新构建的Element标记为dirty然后通过scheduleBuildFor来重新构建Wdiget