概述

#

Slider 已更新,以符合 Material 3 设计规范。

Slider 的变化包括更新的高度、活动轨与非活动轨之间的间隙,以及显示非活动轨终点值的停止指示器。按下滑块(thumb)会调整其宽度,而滑轨(track)会调整其形状。新的值指示器形状是圆角矩形。还为部分 Slider 形状引入了新的颜色映射。

背景

#

Slider 的 Material 3 设计规范于 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;
    });
  },
),

要更新整个应用以使用更新的 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