概述

#

Slider 已更新,以匹配 Material 3 設計規範。

Slider 的變更包括更新的高度、活動軌道和非活動軌道之間的間隙,以及一個停止指示器,用於顯示非活動軌道的結束值。按下 thumb 會調整其寬度,軌道會調整其形狀。新的值指示器形狀為圓角矩形。還為 `Slider` 的某些形狀引入了新的顏色對映。

背景

#

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

變更說明

#

Slider 小部件有一個 year2023 標誌,可以將其設定為 false 以選擇加入更新的設計規範。year2023 標誌的預設值為 true,這意味著 Slider 使用的是之前的 2023 年設計規範。

Slider.year2023 設定為 false 時,slider 將使用更新的設計規範。

遷移指南

#

要選擇加入 `Slider` 的更新設計規範,請將 year2023 標誌設定為 false

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

要更新您的整個應用程式以使用更新的 Slider 設計,請在您的 MaterialApp 中將 SliderThemeData.year2023 屬性設定為 false

dart
return MaterialApp(
  theme: ThemeData(sliderTheme: const SliderThemeData(year2023: false)),
        // ...
        Slider(
          value: _value,
          onChanged: (value) {
            setState(() {
              _value = value;
            });
          },
        ),
        // ...

時間線

#

已在版本中釋出: 3.28.0-0.1.pre
穩定版釋出於: 3.29

參考資料

#

API 文件

相關問題

相關 PR