flutter - 带有单个标签的颤振范围滑块

Question

我正在尝试制作一个自定义范围滑块，就像这张图片上的那样：

https://prnt.sc/t4etpj

任何帮助表示赞赏。

标签： flutterrangeslider

Answer 1

您正在寻找的是RangeSlider从材料库中调用的小部件。

RangeSlider(
  values: const RangeValues(1.5, 4.5);,
  onChanged: (RangeValues values) {
    // callback
  },
);

如果您想准确重现图片中显示的内容，则必须自己创建一个（最好使用状态管理库而不是使用 plain setState，但这不是必需的）。