State

一个StatefulWidget类会对应一个State类，State表示与其对应的StatefulWidget要维护的状态，State中的保存的状态信息可以：

1. 在widget 构建时可以被同步读取。
2. 在widget生命周期中可以被改变，当State被改变时，可以手动调用其setState()方法通知Flutter framework状态发生改变，
   Flutter framework在收到消息后，会重新调用其build方法重新构建widget树，从而达到更新UI的目的。

State中有两个常用属性：

1. widget，它表示与该State实例关联的widget实例，由Flutter framework动态设置。
   注意，这种关联并非永久的，因为在应用生命周期中，UI树上的某一个节点的widget实例在重新构建时可能会变化，
   但State实例只会在第一次插入到树中时被创建，当在重新构建时，如果widget被修改了，Flutter framework会动态设置State.widget为新的widget实例。
2. context。StatefulWidget对应的BuildContext，作用同StatelessWidget的BuildContext。

// State的生命周期
// 实现一个计数器widget，点击它可以使计数器加1，由于要保存计数器的数值状态，所以我们应继承StatefulWidget
import 'package:flutter/material.dart';


// CounterWidget接收一个initValue整型参数，它表示计数器的初始值
class CounterWidget extends StatefulWidget {
  const CounterWidget({Key key, this.initValue: 0});

  final int initValue;

  @override
  _CounterWidgetState createState() => _CounterWidgetState();
}


//
class _CounterWidgetState extends State<CounterWidget> {
  int _counter;

  // 当Widget第一次插入到Widget树时会被调用，对于每一个State对象，Flutter framework只会调用一次该回调，
  // 所以，通常在该回调中做一些一次性的操作，如状态初始化、订阅子树的事件通知等。
  // 不能在该回调中调用BuildContext.inheritFromWidgetOfExactType（该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget，关于InheritedWidget我们将在后面章节介绍），
  // 原因是在初始化完成后，Widget树中的InheritFromWidget也可能会发生变化，所以正确的做法应该在在build()方法或didChangeDependencies()中调用它。
  @override
  void initState(){
    super.initState();
    // 初始化状态
    _counter = widget.initValue;
    print('initState');
  }

  // 主要是用于构建Widget子树的，会在如下场景被调用：
  // 1. 在调用initState()之后。
  // 2. 在调用didUpdateWidget()之后。
  // 3. 在调用setState()之后。
  // 4. 在调用didChangeDependencies()之后。
  // 5. 在State对象从树中一个位置移除后（会调用deactivate）又重新插入到树的其它位置之后。
  @override
  Widget build(BuildContext context) {
    print('build');
    return Scaffold(
      appBar: AppBar(
        title: Text('Test State'),
      ),
      body: Center(
        child: FlatButton(
          child: Text('$_counter'),
          // 点击后计数器自增
          onPressed: ()=>setState(()=>++_counter),
        ),
      ),
    );
  }

  // 在widget重新构建时，Flutter framework会调用Widget.canUpdate来检测Widget树中同一位置的新旧节点，然后决定是否需要更新，如果Widget.canUpdate返回true则会调用此回调。
  // 正如之前所述，Widget.canUpdate会在新旧widget的key和runtimeType同时相等时会返回true，也就是说在在新旧widget的key和runtimeType同时相等时didUpdateWidget()就会被调用。
  @override
  void didUpdateWidget(CounterWidget oldWidget) {
    super.didUpdateWidget(oldWidget);
    print('didUpdateWidget');
  }

  // 当State对象从树中被移除时，会调用此回调。
  // 在一些场景下，Flutter framework会将State对象重新插到树中，如包含此State对象的子树在树的一个位置移动到另一个位置时（可以通过GlobalKey来实现）。
  // 如果移除后没有重新插入到树中则紧接着会调用dispose()方法。
  @override
  void deactivate() {
    super.deactivate();
    print('deactivate');
  }

  // 当State对象从树中被永久移除时调用。通常在此回调中释放资源。
  @override
  void dispose() {
    super.dispose();
    print('dispose');
  }

  // 此回调是专门为了开发调试而提供的，在热重载(hot reload)时会被调用，此回调在Release模式下永远不会被调用。
  @override
  void reassemble() {
    super.reassemble();
    print("reassemble");
  }

  // 当State对象的依赖发生变化时会被调用；
  // 例如：在之前build()中包含了一个InheritedWidget，然后在之后的build()中InheritedWidget发生了变化，那么此时InheritedWidget的子widget的didChangeDependencies()回调都会被调用。
  // 典型的场景是当系统语言Locale或应用主题改变时，Flutter framework会通知widget调用此回调。
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    print("didChangeDependencies");
  }

}

 

十分重要的分析：

1. 运行应用并打开该路由页面，在新路由页打开后，屏幕中央就会出现一个数字0，控制台日志输出：
   I/flutter (22202): initState
   I/flutter (22202): didChangeDependencies
   I/flutter (22202): build
   由此可知，在StatefulWidget插入到Widget树时首先initState方法会被调用

2. 点击热重载按钮，控制台日志输出：
   I/flutter (22202): reassemble
   I/flutter (22202): didUpdateWidget
   I/flutter (22202): build
   由此可知，此时initState和didChangeDependencies都没有被调用，而此时didUpdateWidget被调用

3. 在widget树移除CountWidget,将路由改为
   RaisedButton(
   child: Text('Test State'),
   textColor: Colors.blue,
   onPressed: () {
   print('test state');
   // Navigator.pushNamed(context, 'test state');
   },
   然后热重载，控制台日志输出：
   I/flutter (22202): reassemble
   I/flutter (22202): deactivate
   I/flutter (22202): dispose
   由此可知，在CounterWidget从widget树中移除时，deactivate和dispose会依次被调用