constructor - 如何在 Flutter 中更改 Slider 标签颜色?
问题描述
是否可以更改 Flutter 中的 Slider 标签颜色?
类的构造函数中没有这样的字段Slider
。
解决方案
根据 Flutter api 使用 valueIndicatorColor 这是 SliderThemeData 的属性正如在此处提到的SliderClass 和此处的SliderThemeData
简单演示:设置局部变量:
double feet = 0;
String heightInFeet = "null";
int height = 180;
这是您的自定义滑块解决方案
SliderTheme(
data: SliderTheme.of(context).copyWith(
valueIndicatorColor: Colors.blue, // This is what you are asking for
inactiveTrackColor: Color(0xFF8D8E98), // Custom Gray Color
activeTrackColor: Colors.white,
thumbColor: Colors.red,
overlayColor: Color(0x29EB1555), // Custom Thumb overlay Color
thumbShape:
RoundSliderThumbShape(enabledThumbRadius: 12.0),
overlayShape:
RoundSliderOverlayShape(overlayRadius: 20.0),
),
child: Slider(
value: height.toDouble(),
onChanged: (double newValue) {
setState(() {
height = newValue.toInt();
feet = (height / 30.48);
heightInFeet = feet.toStringAsFixed(2) + " feet";
});
},
divisions: 220,
label: heightInFeet,
min: 90.0,
max: 305.0,
),
)
如果您想更改文本颜色文本字体等,请使用
valueIndicatorTextStyle: TextStyle(
color: Colors.amber, letterSpacing: 2.0)
在 SliderThemeData
推荐阅读
- xquery - 在 XQuery 中,如何获得导入模块中的函数列表?
- php - 使用 ID Wordpress 主题在列表页面上隐藏类别
- xamarin - xamarin 表单:在项目选择上具有重叠弹出视图的列表视图
- function - 如何编写一个判断一个数是偶数还是奇数的 Haskell 函数?
- google-admin-sdk - 警报中心 API 范围问题
- python - 错误:无法安装包 EnvironmentError:'user/python3.8/site-packages/pip-20.2.3.dist-info/RECORD'
- javascript - 访问文本字符串的行数,react js应用程序
- graph - 带有希腊字母的 Scilab 图形轴标题
- airflow - 在 Apache Airflow 中使用 S3FileTransformOperator 上传文件时出错
- sql - 如何根据 BI 中的另一个常见字段连接多行中的文本?