Flutter 页面生命周期

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的生命周期主要由三部分组成：

1. 初始化 createState() initState()
2. 更新 didChangeDependencies() build() didUpdateWidget()
3. 销毁 deactivate() dispose()

// 这是一个 StatefulWidget 的类
class MyAPP extends StatefulWidget {
  MyAPP({Key? key}) : super(key: key);

  /**
   * 初始化期 第一步
   * createState() 是初始化时期的生命周期函数
   * 创建 StatefulWidget 之后调用的第一个方法
   * 该方法是抽象方法 , 必须覆盖重写该方法
   */
  @override
  State createState() => _MyAPPState();
}

class _MyAPPState extends State {

  /**
   * 初始化期 第二步
   * 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) {});