在 Flutter 中,构造方法前加上 const 和不加 const 的视图页面的差异

Flutter 中,构造方法前加上 const 和不加 const 的视图页面的差异主要在于 性能优化 和 使用场景。以下是详细的分析和影响:

const 情况

const 表示该对象是一个编译时常量,不会发生变化。其特点如下:

编译时常量:在编译时就确定了其值,不会在运行时重新创建。
内存优化:const 对象会在内存中复用。如果多个地方创建了相同的 const 对象,它们会共享同一个内存实例(内存去重)。
避免不必要的重建:当使用 const 的小部件时,如果该小部件的属性没有改变, Flutter 框架会跳过重新构建。
示例:

class MyWidget extends StatelessWidget {
  const MyWidget({super.key}); // 构造方法为 const
  @override
  Widget build(BuildContext context) {
    return const Text('Hello, Flutter'); // 视图也为 const
  }
}

这里的 Text 是一个编译时常量, Flutter 可以直接复用它,而不是每次构建都重新创建。

没有 const 的情况

不加 const 的构造方法表示小部件是在运行时创建的。
每次重建视图树时,即使属性没有变化,也会重新创建对象,可能导致性能损耗。
使用没有 const 的小部件更灵活,适合动态属性或需要在运行时变更的小部件。
示例:

class MyWidget extends StatelessWidget {
  MyWidget({super.key}); // 构造方法不加 const
  @override
  Widget build(BuildContext context) {
    return Text('Hello, Flutter'); // 运行时创建对象
  }
}

这里的 Text 在每次重建时都会重新创建一个新实例。

两者的差异与影响

特性 const 的构造方法 不加 const 的构造方法
性能 对象复用,性能更优 每次重建,性能相对较差
内存占用 共享内存,减少对象实例 每次重新创建新实例,占用更多内存
视图更新行为 属性不变时跳过重建 属性相同也会重新创建
适用场景 静态内容、不变视图 动态内容、需频繁更新的视图
热重载 不会在热重载中重新渲染 总是重新渲染,便于调试
子小部件限制 子小部件必须全部为 const 子小部件可以动态或静态
构造参数 参数必须是编译时常量 参数可以是运行时动态值
代码可读性 提高代码的明确性和可读性 更灵活,但可能降低代码可维护性
静态分析 Flutter 提供编译警告,提示优化代码 无明显提示,易忽略性能问题
动画与状态管理结合 不适合动态动画值 适合动态状态和复杂交互场景

何时使用 const

静态组件:当小部件的属性完全静态且不依赖运行时数据时,使用 const
列表中重复的小部件:如 ListView 中的静态内容,使用 const 可以显著优化性能。
提升性能:减少不必要的对象重建,特别是在复杂视图树中。
示例:

@override
Widget build(BuildContext context) {
  return Column(
    children: const [
      Text('Static Text 1'),
      Text('Static Text 2'),
    ],
  );
}

最佳实践

尽可能使用 const:在构造函数中标记为 const,并在实例化对象时使用 const
动态数据时不使用 const:例如,从网络请求中获取数据或依赖运行时状态时,不能使用 const
示例:

class MyWidget extends StatelessWidget {
  final String message;
  const MyWidget({super.key, required this.message}); // 构造方法加 const

  @override
  Widget build(BuildContext context) {
    return Text(message); // 这里不能加 const,因为 message 是动态的。
  }
}

总结:

使用 const 可以带来性能优化,特别是在静态视图场景下显著减少内存使用和重建次数。但对于需要动态内容的小部件,无法使用 const,需根据具体需求权衡使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,402评论 6 499
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,377评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,483评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,165评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,176评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,146评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,032评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,896评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,311评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,536评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,696评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,413评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,008评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,815评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,698评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,592评论 2 353

推荐阅读更多精彩内容