Flutter 中的生命周期

在 Flutter 中,StatefulWidgetStatelessWidget 这两种 Widget 的生命周期不同,主要关注的是 StatefulWidget,因为它涉及到状态的管理和更新。

StatefulWidget 的生命周期:

1. 创建阶段 (Create)
  • createState()
    • 当你创建一个 StatefulWidget 时,createState() 方法会被调用,并返回一个与该 StatefulWidget 关联的 State 对象。这个方法只会被调用一次。
2. 初始化阶段 (Initialize)
  • initState()
    • 这个方法在 Widget 创建并且 State 对象被插入到 Widget 树时调用。它通常用于执行一些初始化操作,比如网络请求、订阅流、设置初始值等。initState() 只会被调用一次。
3. 构建阶段 (Build)
  • build(BuildContext context)
    • 每次 State 对象的状态发生变化时,Flutter 会调用 build() 方法来重新构建 Widget 树。这个方法会在 State 对象的生命周期中多次调用,通常在 setState() 被调用时,或者当父 Widget 发生变化时。
4. 依赖变化 (Dependencies Changed)
  • didChangeDependencies()
    • State 对象的依赖发生变化时(例如,InheritedWidget 的数据发生变化),Flutter 会调用此方法。它会在 initState() 之后、build() 方法之前调用,并且会在 build() 每次重新构建时调用。
5. 更新阶段 (Update)
  • setState()
    • setState() 是更新 State 对象的状态并触发 build() 方法重新执行的方式。当调用 setState() 时,Flutter 会重新渲染 Widget。
6. 销毁阶段 (Dispose)
  • dispose()
    • State 对象不再需要时,dispose() 会被调用。在这个方法中,我们可以释放资源,如取消订阅流、停止动画、清理控制器等。这个方法只会被调用一次。
StatefulWidget 生命周期的总结图:
复制代码
1. createState() -> 2. initState() -> 3. build() -> 4. didChangeDependencies() (如果依赖变化)
                            |
                        setState() 触发 build()
                            |
                       5. dispose()

StatelessWidget 的生命周期

StatelessWidget 没有 State,因此没有复杂的生命周期管理。它的生命周期主要是:

  1. 构建阶段 :当它第一次被插入到树中时,build() 会被调用。
  2. 更新阶段 :每次父 Widget 发生变化时,build() 方法也会被调用。

StatelessWidget 生命周期相对简单,因为它不涉及状态的改变。

相关推荐
黑码哥3 分钟前
ViewHolder设计模式深度剖析:iOS开发者掌握Android列表性能优化的实战指南
android·ios·性能优化·跨平台开发·viewholder
夜郎king7 分钟前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
亓才孓14 分钟前
[JDBC]元数据
android
独行soc25 分钟前
2026年渗透测试面试题总结-17(题目+回答)
android·网络·安全·web安全·渗透测试·安全狮
金融RPA机器人丨实在智能34 分钟前
Android Studio开发App项目进入AI深水区:实在智能Agent引领无代码交互革命
android·人工智能·ai·android studio
科技块儿35 分钟前
利用IP查询在智慧城市交通信号系统中的应用探索
android·tcp/ip·智慧城市
独行soc1 小时前
2026年渗透测试面试题总结-18(题目+回答)
android·网络·安全·web安全·渗透测试·安全狮
夏幻灵1 小时前
HTML5里最常用的十大标签
前端·html·html5
ujainu1 小时前
Flutter + OpenHarmony 实现经典打砖块游戏开发实战—— 物理反弹、碰撞检测与关卡系统
flutter·游戏·openharmony·arkanoid·breakout
Mr Xu_1 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js