更新的 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。 檢視原始碼 或 回報問題。