首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

一文读懂,flutter生命周期以及启动流程

  • 25-04-17 12:00
  • 3041
  • 7153
juejin.cn

在Flutter开发中,生命周期和项目启动流程是核心概念,以下分为两部分详细说明:


一、Flutter 生命周期

Flutter的生命周期主要围绕 Widget,尤其是 StatefulWidget 的状态管理。以下是关键生命周期方法:

1. StatelessWidget

  • 特点:无状态,不可变,每次父组件重建时自身也会重建。

  • 生命周期:

    • 构造函数:创建时调用。
    • build() :构建UI,每次父组件更新或依赖数据变化时调用。

2. StatefulWidget

  • 特点:包含可变状态(通过State类管理)。
  • 生命周期方法(在State类中):
方法调用时机用途
initState()Widget首次插入树中时调用(仅一次)初始化状态、订阅流、启动动画等。
didChangeDependencies()1. initState()后调用; 2. 依赖的InheritedWidget更新时调用。处理依赖变化(如主题、本地化)。
build()1. didChangeDependencies()后调用; 2. 调用setState()触发重建。构建UI。
didUpdateWidget()父组件重建,传入新配置时调用(旧Widget被替换,但State保留)。对比新旧配置,响应Widget属性变化。
deactivate()Widget从树中移除时调用(可能重新插入到其他位置)。清理与树相关的资源(如焦点监听)。
dispose()Widget永久移除时调用(State对象销毁)。释放资源(取消计时器、关闭流、移除监听)。

3. 应用级生命周期

通过WidgetsBindingObserver监听应用全局状态:

scala
代码解读
复制代码
class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State with WidgetsBindingObserver { @override void initState() { super.initState(); WidgetsBinding.instance.addObserver(this); } @override void dispose() { WidgetsBinding.instance.removeObserver(this); super.dispose(); } @override void didChangeAppLifecycleState(AppLifecycleState state) { switch (state) { case AppLifecycleState.resumed: // 应用可见并响应用户 case AppLifecycleState.inactive: // 应用处于非活动状态(如来电) case AppLifecycleState.paused: // 应用不可见(如进入后台) case AppLifecycleState.detached: // 应用被销毁 } } }

二、Flutter 项目启动流程

1. 入口函数 main()

  • 所有Flutter应用的起点。
csharp
代码解读
复制代码
void main() { runApp(MyApp()); // 启动应用,挂载根Widget }

2. runApp(Widget root)

  • 初始化Flutter引擎,构建根Widget树,触发首次渲染。

3. 根Widget(如MaterialApp)

  • 配置全局主题、路由、本地化等。
scala
代码解读
复制代码
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData(primarySwatch: Colors.blue), home: HomePage(), // 主页Widget ); } }

4. 主页Widget(如HomePage)

  • 构建页面内容,可能触发initState()、build()等生命周期方法。
scala
代码解读
复制代码
class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State { @override void initState() { super.initState(); // 初始化数据 } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Home')), body: Center(child: Text('Welcome!')), ); } }

5. 渲染流程

  1. 布局(Layout) :计算Widget的大小和位置。
  2. 绘制(Paint) :将Widget转换为像素。
  3. 合成(Composite) :将图层组合为最终界面。

6. 热重载(Hot Reload)

  • 在开发模式下,修改代码后触发build()方法重建UI,保留应用状态。

关键注意事项

  • 异步操作:在initState()中启动异步任务时,需在dispose()中取消,避免内存泄漏。
  • 状态管理:复杂应用建议使用Provider、Riverpod等库管理状态,减少setState()滥用。
  • 性能优化:避免在build()中执行耗时操作,防止界面卡顿。

通过理解生命周期和启动流程,可以更高效地控制资源加载、状态更新和UI渲染。

注:本文转载自juejin.cn的无知的前端的文章"https://juejin.cn/post/7484556668681584675"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

141
iOS
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top