如何更改 Flutter 中的 Slider 标签颜色?

2024-03-24

Flutter 中可以更改 Slider 标签颜色吗?

的构造函数中没有这个字段Slider class.


根据 Flutter api 使用 valueIndicatorColor 这是 SliderThemeData 的属性 正如这里提到的滑块类 https://api.flutter.dev/flutter/material/Slider-class.html和这里滑块主题数据 https://api.flutter.dev/flutter/material/SliderThemeData-class.html

简单演示: 设置局部变量:

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 中

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何更改 Flutter 中的 Slider 标签颜色? 的相关文章

随机推荐

  • Ionic“似乎是一种非常古老的项目文件格式 - 请在更新版本的 Xcode 中打开您的项目文件”

    fastlane 完成了与automatic code signing 相关的错误 我不确定这意味着什么以及如何修复它 但这是我以前从未遇到过的错误 我使用的是 Ionic v3 这与 iOS 平台未更新有关 iOS 版本 包括 cordo
  • Gson.toJson 返回 null [ProGuard 问题]

    用户错误报告显示Gson toJson obj 偶尔回来 但对于大多数用户来说它工作正常 我拜访了一位用户 他遇到了该错误并在他的手机上调试了应用程序 我做了Toast显示发送到服务器的内容 我看到 Toast 显示 并且Records a
  • 如何在我的 ubuntu 容器中安装 Docker?

    我在运行的容器内安装了 dockerubuntu 18 04要运行我的nodejs应用程序 我需要在这个容器内安装docker 因为我需要dockerize另一个小应用程序 她是我的 Dockerfile FROM ubuntu 18 04
  • 如何使用 Zend Framework 和 netbeans 编写 JavaScript?

    我正在这样编写 JavaScript function some javascript magic 但问题是它没有突出显示并且没有自动完成功能 我尝试过这样写
  • 从网站获取图像列表并显示它

    我正在创建一个 iOS 应用程序 该应用程序应该获取网站上存在的图像列表并将它们显示为屏幕上的图块 类似于显示照片库中的图像 我可以在 UIImageView 中显示 URL 中的单个图像 但是当涉及到显示网站中的完整图像列表时 我一无所知
  • 在 Java 中嵌入 Gecko/WebKit

    我希望将 Gecko WebKit 或其他 Web 浏览器嵌入到 Java 中作为 Swing AWT 控件 我正在寻找不同于 JRex 或JWebPane 你可以使用浏览器 https www teamdev com jxbrowser
  • 如何使用 emscripten 通过 node.js 进行文件输入?

    我有一个 C 项目 我已使用 emscripten 将其转换为 javascript 我需要帮助通过节点实现文件输入到程序中 据我了解 emscripten 中的默认文件系统使用只能在网页或网络工作人员上完成的预加载数据 我需要我的在命令行
  • 在 C++ 声明中使用 ^ 字符意味着什么? [复制]

    这个问题在这里已经有答案了 可能的重复 C CLI 中插入符号 是什么意思 https stackoverflow com questions 202463 what does the caret mean in c cli 在 C CLR
  • 为什么我会遇到映射异常?

    我正进入 状态 org hibernate MappingException Foreign key FKBB979BF4266AA123 address a id must have same number of columns as t
  • 如何在android中设置定时器

    在 android 中设置计时器以启动任务 我创建的不会更改 UI 的函数 的正确方法是什么 以 Java 方式使用它 http docs oracle com javase 1 5 0 docs api java util Timer h
  • 应用程序无法使用 libcurl C++ Windows 7 VS 2010 启动(0xc0150002)[重复]

    这个问题在这里已经有答案了 可能的重复 应用程序无法正确初始化 0xc0150002 https stackoverflow com questions 3537429 the application failed to initializ
  • 从 NSMenu 打开 NSWindowController

    我在代理应用程序中使用 NSMenu 坞站中没有图标 当点击此菜单中的按钮时 我想显示一个通用的 NSWindowController 我的菜单按钮操作 IBAction menuButtonTapped id sender MyWindo
  • 如何列出GC终结列表中的所有对象?

    我的程序崩溃了 它是VS的可视化工具 所以 调试它非常困难 我尝试过转储并使用WinDbg来研究它 但没有成功 所以 现在我尝试以编程方式把手放在该列表上 但我不知道如何 谢谢 如果您想查看某个对象是否在终结队列或 f reachable
  • 对 Stripe 的 API 请求失败(错误:不是有效的 URL)

    我想在 Node 应用程序中使用 Stripe 预构建结帐页面构建一个简单的结帐页面 我遵循 Stripe 文档中的所有必要步骤 但 API 请求似乎不起作用 服务器 js const express require express con
  • 针对网站特定部分的移动检测

    我是网络开发的初学者 我很难解决这个问题 我拍摄了一段视频并将其编码为 mp4 文件和 ism 文件 我有两个不同的视频标签 一个将播放每个文件 对于我正在开发的网站 如果在移动设备上查看该网站 我希望它使用其中一个视频标签 如果不是 则使
  • 如何检测系统日期回滚?

    如何检测用户何时回滚系统日期 使用情况是为了防止规避许可 程序需要检测在未运行时发生的回滚 好吧 您可以在程序中使用嵌入式数据库 其中每隔一段时间就会插 入一个加密的系统日期 如果您发现 较新 的日期早于之前的某个日期 则可以看出有人更改了
  • 加快 IIS/.NET/LINQ 从网络缓冲区检索数据的速度

    当对我的 Web 服务器和数据库服务器之间的流量进行 TCP 分析时 我发现网络缓冲区 TCP 窗口 经常被填满 然后 Web 服务器向数据库服务器发送 TCP 消息 告知其缓冲区已满 并且在更新之前不要发送更多数据 例如 这是随着时间的推
  • 如何提高词法分析效率?

    在解析一个 3 GB 的大文件时DCG https www metalevel at prolog dcg 效率很重要 我的词法分析器的当前版本主要使用 or 谓词 2 http www swi prolog org pldoc doc f
  • CMake 和 pybind11 使用不一致的 Python 版本

    我正在 Ubuntu 20 04 上的 VSCode 1 46 1 中使用 CMake 3 16 3 和 pybind11 2 4 3 创建一个入门项目 默认情况下同时包含 Python 2 7 和 3 8 我想为Python3构建一个模块
  • 如何更改 Flutter 中的 Slider 标签颜色?

    Flutter 中可以更改 Slider 标签颜色吗 的构造函数中没有这个字段Slider class 根据 Flutter api 使用 valueIndicatorColor 这是 SliderThemeData 的属性 正如这里提到的