flutter - 在颤动中更改滑块的拇指颜色
问题描述
我正在尝试更改滑块的拇指颜色。
这是我的代码:
SliderTheme(
data: SliderThemeData(
thumbColor: Colors.pink,
),
child: Slider(
value: height.toDouble(),
min: 120,
max: 220,
onChanged: (double newValue){
setState(() {
height = newValue.toInt();
});
},
inactiveColor: Color(0xff8d8e98),
activeColor: Colors.white,
),
)
但是,如果我activeColor: Colors.white
从上面的代码中删除属性,那么我会得到所需的拇指颜色。
但是,如果我重新添加activeColor
参数,那么甚至拇指颜色也会发生变化。
如何将拇指颜色设为粉红色,将活动颜色设为白色?
这是我需要的输出:
解决方案
您可以overlayColor
用于滑块周围的阴影和activeTrackColor
SliderThemeData 的属性。
SliderTheme(
data: SliderThemeData(
thumbColor: Colors.pink,
overlayColor:Colors.pink[50],
activeTrackColor: Colors.white,
),
child: Slider(
value: sliderValue.toDouble(),
max: 100.0,
min: 0.0,
inactiveColor: Colors.grey,
onChanged: (double newValue) {
setState(() {
sliderValue = newValue;
});
},
),
);
推荐阅读
- javascript - 如何在 vuejs 中查看 daynamique 数组中的值
- outlook - Microsoft Outlook 收件箱图标版本 2010 - 2019 中的更改
- azure-devops - Azure Pipelines - 功能分支上的 CI 触发器不适用于 YAML
- parsing - 具有多种返回类型的解析器
- android - 使应用程序对缺口友好会导致在没有缺口的 api 26 Galaxy S8 上出现信箱
- python - 将 Keras 模型导出为 SavedModel 格式
- android - 用于自动调整 TextView 大小的着色器 LinearGradient 未按预期工作
- javascript - 返回函数的返回对象
- php - Illuminate\Database\QueryException:SQLSTATE[HY000]:一般错误:1364 字段 'user_id' 没有默认值(SQL:插入到 `users`
- javascript - 无法在 WSL 上将 QuickJS 交叉编译为 exe