更新的 Material 3 `Slider`
概述
#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