美文网首页Flutter_功能
flutter入门 第二天 生命周期

flutter入门 第二天 生命周期

作者: 奔跑的码农_Archer | 来源:发表于2019-05-15 16:30 被阅读0次

    Flutter实战
    Flutter中文网
    https://segmentfault.com/a/1190000015211309?utm_source=tag-newest
    我们不生产代码,只是代码的搬运工。。。。

    测试代码:

    import 'package:flutter/material.dart';
    
    class LifecycleTest extends StatefulWidget {
    
      const LifecycleTest({
        Key key,
        this.index = 0
      });
    
      final int index ;
    
      @override
      State<StatefulWidget> createState() => new _LifeCycleState();
    }
    
    class _LifeCycleState extends State<LifecycleTest>{
    
      int _counter;
    
      @override
      void initState() {
        super.initState();
        print("initState");
        _counter=widget.index;
      }
    
      @override
      void didChangeDependencies() {
        super.didChangeDependencies();
        print("didChangeDependencies");
      }
    
      @override
      Widget build(BuildContext context) {
        print("build");
        return Scaffold(
          body: Center(
            child: FlatButton(
              child: Text('$_counter'),
              onPressed:()=>setState(()=> ++_counter,
              ),
            ),
          ),
        );
      }
    
      @override
      void didUpdateWidget(LifecycleTest oldWidget) {
        super.didUpdateWidget(oldWidget);
        print("didUpdateWidget");
      }
    
      @override
      void dispose() {
        super.dispose();
        print("dispose");
      }
    
      @override
      void reassemble() {
        super.reassemble();
        print("reassemble");
      }
    
      @override
      void deactivate() {
        super.deactivate();
        print("deactivate");
      }
    }
    

    运行程序,控制台输出日志:

     I/flutter: initState
     I/flutter: didChangeDependencies
     I/flutter: build
    

    各个函数:

    构造函数:

    这个函数不属于生命周期,因为这个时候State的widget属性为空,如果要在构造函数中访问widget的属性是行不通的。但是构造函数必然是要第一个调用的。

    initState():

    /// Called when this object is inserted into the tree.
    /// The framework will call this method exactly once for each [State] object
    

    从源码注释中可以看出,此函数在插入渲染树的时候调用,这个函数在生命周期中只调用一次。这里可以做一些初始化工作,比如初始化State的变量。

    didChangeDependencies()

    /// Called when a dependency of this [State] object changes.
    

    这个函数会紧跟在initState之后调用。

    build()

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

    • 在调用initState()之后。
    • 在调用didUpdateWidget()之后。
    • 在调用setState()之后。
    • 在调用didChangeDependencies()之后。
    • 在State对象从树中一个位置移除后(会调用deactivate)又重新插入到树的其它位置之后。

    然后点击⚡️按钮进行热重载,控制台输出日志:

     I/flutter: reassemble
     I/flutter: didUpdateWidget
     I/flutter: build
    

    可以看到此时initState() 和didChangeDependencies()都没有被调用,而didUpdateWidget被调用。
    接下来,我们在widget树中移除CounterWidget,将路由build方法改为:

    @override
      Widget build(BuildContext context) {
        print("build");
        return Text("XXXX");
    //      Scaffold(
    //      body: Center(
    //        child: FlatButton(
    //          child: Text('$_counter'),
    //          onPressed:()=>setState(()=> ++_counter,
    //          ),
    //        ),
    //      ),
    //    );
      }
    

    然后热重载,控制台日志:

    I/flutter: reassemble
    I/flutter: deactive
    I/flutter: dispose
    

    我们可以看到,在CounterWidget从widget树中移除时,deactive和dispose会依次被调用。

    总结一下

    initState:当Widget第一次插入到Widget树时会被调用,对于每一个State对象,Flutter framework只会调用一次该回调,所以,通常在该回调中做一些一次性的操作,如状态初始化、订阅子树的事件通知等。不能在该回调中调用BuildContext.inheritFromWidgetOfExactType(该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget,关于InheritedWidget我们将在后面章节介绍),原因是在初始化完成后,Widget树中的InheritFromWidget也可能会发生变化,所以正确的做法应该在在build()方法或didChangeDependencies()中调用它。
    didChangeDependencies():当State对象的依赖发生变化时会被调用;例如:在之前build() 中包含了一个InheritedWidget,然后在之后的build() 中InheritedWidget发生了变化,那么此时InheritedWidget的子widget的didChangeDependencies()回调都会被调用。典型的场景是当系统语言Locale或应用主题改变时,Flutter framework会通知widget调用此回调。
    build():此回调读者现在应该已经相当熟悉了,它主要是用于构建Widget子树的,会在如下场景被调用:

    • 在调用initState()之后。
    • 在调用didUpdateWidget()之后。
    • 在调用setState()之后。
    • 在调用didChangeDependencies()之后。
    • 在State对象从树中一个位置移除后(会调用deactivate)又重新插入到树的其它位置之后。

    reassemble():此回调是专门为了开发调试而提供的,在热重载(hot reload)时会被调用,此回调在Release模式下永远不会被调用。
    didUpdateWidget():在widget重新构建时,Flutter framework会调用Widget.canUpdate来检测Widget树中同一位置的新旧节点,然后决定是否需要更新,如果Widget.canUpdate返回true则会调用此回调。正如之前所述,Widget.canUpdate会在新旧widget的key和runtimeType同时相等时会返回true,也就是说在在新旧widget的key和runtimeType同时相等时didUpdateWidget()就会被调用。
    deactivate():当State对象从树中被移除时,会调用此回调。在一些场景下,Flutter framework会将State对象重新插到树中,如包含此State对象的子树在树的一个位置移动到另一个位置时(可以通过GlobalKey来实现)。如果移除后没有重新插入到树中则紧接着会调用dispose()方法。
    dispose():当State对象从树中被永久移除时调用;通常在此回调中释放资源。
    插入一张声明周期图



    注意:在继承StatefulWidget重写其方法时,对于包含@mustCallSuper标注的父类方法,都要在子类方法中先调用父类方法。

    相关文章

      网友评论

        本文标题:flutter入门 第二天 生命周期

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