Flutter 页面生命周期

Posted 2023-03-09

参考技术A Flutter 有两种组件，一种是 StatelessWidget ，另一种是 StatefulWidget。

StatelessWidget 组件生命周期函数只有两个:

StatefulWidget的生命周期主要由三部分组成：

可以在 initSate() 方法中使用以下方法。只会在页面渲染完成后调用一次。
DartWidgetsBinding.instance!.addPostFrameCallback((duration) );

flutter 页面的生命周期（转）

参考技术A

转自 https://juejin.im/user/57fc43b67db2a200595ffd94
在 Flutter 中，有两类常用的 Widget：

在开发过程中，我们经常需要继承它们两来实现自己的 Widget。

一个 StatelessWidget 是不能被改变的，比如： Icon 、 Text 等。

如果你的控件一旦显示，就不需要再做任何的变更，那么你应该使用 StatelessWidget 。

实现一个自己的 StatelessWidget 很简单。

当你看到下面这个例子?时，你就知道它有多简单了。

看，只要在 build() 中返回你的视图就可以了。

一个 StatefulWidget 是有状态的，可变的。

它可以改变自己的外观，以响应用户的操作或者数据的变化。

比如： CheckBox 、 Switch ..

我们之所以能够改变一个 StatefulWidget ，是因为它有一个设置状态的函数：

调用这个函数后，就会触发 StatefulWidget 的视图树重建。

因此，当我们需要一个可交互的，即能根据用户操作或数据变化而改变视图的 Widget 时，那就得用上 StatelessWidget 了。

现在，来创建一个自定义的 StatefulWidget：

从上面的例子中可以看到， StatefulWidget 会要求提供一个含有视图树的 State 。

既然 State 能够控制一个视图的状态，那它肯定会有一系列的生命周期。

上图就是 State 的生命周期图。