跳至主要內容

更新的 Material 3 `Slider`

摘要

#

Slider 已更新以符合 Material 3 設計規範。Slider 的變更包括更新的高度、啟用和非啟用軌道之間的間隙,以及顯示非啟用軌道結束值的停止指示器。按壓滑桿拇指會調整其寬度,軌道也會調整其形狀。新的數值指示器形狀為圓角矩形。此外,也為 Slider 的某些形狀引入了新的色彩映射。

背景

#

Material 3 關於 Slider 的設計規格已於 2023 年 12 月更新。若要選擇加入 2024 年的設計規格,請將 Slider.year2023 旗標設定為 false。這樣做的目的是為了確保現有的應用程式不受更新後的設計規格影響。

變更說明

#

Slider 小部件有一個 year2023 旗標,可以設定為 false 以選擇加入更新後的設計規格。year2023 旗標的預設值為 true,這表示 Slider 使用 2023 年的設計規格。

Slider.year2023 設定為 false 時,滑桿將會使用更新後的設計規格。

移轉指南

#

若要選擇加入 Slider 的更新設計規格,請將 year2023 旗標設定為 false

dart
Slider(
  year2023: false,
  value: _value,
  onChanged: (value) {
    setState(() {
      _value = value;
    });
  },
),

時間軸

#

已於版本:v3.27.0-0.2.pre 中發布。
穩定版本發布:尚未。

參考資料

#

API 文件

相關問題

相關 PR