更新的 Material 3 进度指示器

LinearProgressIndicator 和 CircularProgressIndicator 已更新以匹配 Material 3 设计规范。LinearProgressIndicator 的更改包括活动和非活动轨道之间的间隙、停止指示器和圆角。CircularProgressIndicator 的更改包括活动和非活动轨道之间的间隙以及圆形笔触端点。

LinearProgressIndicator 和 CircularProgressIndicator 的 Material 3 设计规范于 2023 年 12 月更新。要启用 2024 年的设计规范，请将 LinearProgressIndicator.year2023 和 CircularProgressIndicator.year2023 标志设置为 false。这样做是为了确保现有应用不受更新的设计规范的影响。

LinearProgressIndicator 和 CircularProgressIndicator 组件都具有一个 year2023 标志，可以将其设置为 false 以启用更新的设计规范。year2023 标志的默认值为 true，这意味着进度指示器使用 2023 年的设计规范。

当 LinearProgressIndicator.year2023 设置为 false 时，进度指示器将在活动和非活动轨道之间具有间隙、停止指示器和圆角。如果 LinearProgressIndicator 为不确定状态，则不会显示停止指示器。

当 CircularProgressIndicator.year2023 设置为 false 时，进度指示器将具有轨道间隙和圆形笔触端点。

要启用 LinearProgressIndicator 的更新设计规范，请将 year2023 标志设置为 false

LinearProgressIndicator(
  year2023: false,
  value: 0.5,
),

要启用 CircularProgressIndicator 的更新设计规范，请将 year2023 标志设置为 false

CircularProgressIndicator(
  year2023: false,
  value: 0.5,
),

包含于版本：v3.27.0-0.2.pre 中。
稳定版发布：待定

API 文档

• LinearProgressIndicator
• CircularProgressIndicator
• LinearProgressIndicator.year2023
• CircularProgressIndicator.year2023

相关问题

• 更新 Material 3 重设计的 ProgressIndicator

相关 PR

• 更新 Material 3 LinearProgressIndicator 以获得新的视觉样式
• 更新 Material 3 CircularProgressIndicator 以获得新的视觉样式

除非另有说明，否则本网站上的文档反映了 Flutter 的最新稳定版本。页面最后更新于 2024-11-20。 查看源代码 或 报告问题.