Flutter的生命周期_statefulwidget 回到前台

作者：不正经 | 2024-03-25 09:29:05

踩

statefulwidget 回到前台

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

1.Widget的生命周期

2.APP的生命周期

我们先看Widget的生命周期

一、Widget的生命周期

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

2.StatefulWidget
StatefulWidget的生命周期依次为：

initState：当Widget第一次插入到Widget树时会被调用，对于每一个State对象，这个方法只会调用一次。所以，通常在该回调中做一些一次性的操作，如一些初始化操作。(注意:不能在该回调中调用BuildContext.inheritFromWidgetOfExactType（该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget），原因是在初始化完成后，Widget树中的InheritFromWidget也可能会发生变化，所以正确的做法应该在在build（）方法或didChangeDependencies()中调用它。)

didChangeDependencies()：当State对象的依赖发生变化时会被调用；

这个方法在两种情况下会调用：
情况一：调用initState会调用；
情况二：从其他对象中依赖一些数据发生改变时，比如前面我们提到的InheritedWidget；

build：它主要是用于构建Widget子树

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对象从树中被永久移除时调用；通常在此回调中释放资源。

生命周期图如下

示例如下


class Life extends StatefulWidget {
  @override
 
  _TestLifeState createState() => _TestLifeState();
}
 
 
class _TestLifeState extends State<Life>  with WidgetsBindingObserver {
  String title = "点击父组件";
 
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    print('page1--initState');
    WidgetsBinding.instance.addObserver(this);
  }
 
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    print(state.toString());
  }
 
  @override
  void didChangeDependencies() {
    print('test-page1--didChangeDependencies');
    super.didChangeDependencies();
  }
 
  @override
  void didUpdateWidget(Life oldWidget) {
    print('test-page1--didUpdateWidget');
    super.didUpdateWidget(oldWidget);
  }
 
  @override
  Widget build(BuildContext context) {
    print('test-page1--build');
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text("生命周期示例"),
      ),
      body: Column(
        children: <Widget>[
          GestureDetector(
            child: new Text(title ?? ""),
            onTap: () {
              setState(() {
                title = "父组件变化了";
              });
            },
          ),
 
 
          Container(
            width: 100,
            height: 50,
            child: Column (children: [
 
            ],),
          ),
          ChildStatefulWidget(),
 
          FlatButton(
              color: Colors.grey,
              onPressed: () {
                Navigator.of(context)
                    .push(new MaterialPageRoute(builder: (BuildContext c) {
                  return new TestLifeCyclePage2();
                }));
              },
              child: Text("跳转页面")),
        ],
      ),
    );
  }
 
  @override
  void reassemble() {
    // TODO: implement reassemble
    super.reassemble();
    print('test-page1--reassemble');
  }
 
  @override
  void deactivate() {
    // TODO: implement deactivate
    super.deactivate();
    print('test-page1--deactivate');
  }
 
  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    //WidgetsBinding.instance.addObserver(this);
    print('test-page1--dispose');
  }
}


class ChildStatefulWidget extends StatefulWidget {
 
  @override
  _ChildStatefulWidgetState createState() {
    print("child--createState");
    return _ChildStatefulWidgetState();
  }
}
 
class _ChildStatefulWidgetState extends State<ChildStatefulWidget> {
  String title = "点击子组件";
 
  @override
  Widget build(BuildContext context) {
    print('child--build');
    return GestureDetector(
      child: new Text(title ?? ""),
      onTap: () {
        setState(() {
          title = "子组件变化了";
        });
      },
    );
  }
 
  @override
  void initState() {
    print('child--initState');
    super.initState();
  }
 
  @override
  void didChangeDependencies() {
    print('child--didChangeDependencies');
    super.didChangeDependencies();
  }
 
  @override
  void didUpdateWidget(ChildStatefulWidget oldWidget) {
    print('child--didUpdateWidget');
    super.didUpdateWidget(oldWidget);
  }
 
  @override
  void reassemble() {
    print('child--reassemble');
    super.reassemble();
  }
 
  @override
  void deactivate() {
    print('child--deactivate');
    super.deactivate();
  }
 
  @override
  void dispose() {
    print('child--dispose');
    super.dispose();
    //WidgetsBinding.instance.addObserver(this);
  }
}


class TestLifeCyclePage2 extends StatefulWidget {
  @override
  _Test2LifeCyclePageState createState(){
    return new _Test2LifeCyclePageState();
  }
 
  @override
  StatefulElement createElement() {
    // TODO: implement createElement
//    print("page2--createElement");
    return super.createElement();
  }
}
 
class _Test2LifeCyclePageState extends State<TestLifeCyclePage2> with WidgetsBindingObserver {
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    print('test-page2---initState');
    WidgetsBinding.instance.addObserver(this);
  }
 
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    print(state.toString());
  }
 
  @override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();
    print('test-page2---didChangeDependencies');
  }
 
  @override
  void didUpdateWidget(TestLifeCyclePage2 oldWidget) {
    // TODO: implement didUpdateWidget
    super.didUpdateWidget(oldWidget);
    print('test-page2---didUpdateWidget');
  }
 
  @override
  Widget build(BuildContext context) {
    print('page2---build');
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text("生命周期示例2"),
      ),
    );
  }
 
  @override
  void reassemble() {
    // TODO: implement reassemble
    super.reassemble();
    print('test-page2---reassemble');
  }
 
  @override
  void deactivate() {
    // TODO: implement deactivate
    super.deactivate();
    print('test-page2---deactivate');
  }
 
  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    //WidgetsBinding.instance.addObserver(this);
    print('test-page2---dispose');
  }
}