Flutter 流体滑块

一个流畅设计的滑块，其工作方式与 Slider Material Widget 相同。

Fluid-Slider-for-Flutter

一个流体设计的滑块，功能与 Slider material 小部件一样。

用于从一系列值中进行选择。

安装

只需将该包添加到 `pubspec.yaml` 文件中的依赖项中

dependencies:
  flutter_fluid_slider: ^0.0.1

基本用法

将 FluidSlider 放在您的 widget 树中。

FluidSlider(
  value: _value,
  onChanged: (double newValue) {
    setState(() {
      _value = newValue;
    });
  },
  min: 0.0,
  max: 100.0,
),

属性

  • value : [必需] 此滑块当前选定的值。滑块的滑块处于与该值相对应的位置。

  • min : 用户可以选择的最小值。默认为 0.0。必须小于或等于 max。

  • max : 用户可以选择的最大值。默认为 1.0。必须小于或等于 min。

  • start : 将作为最小标签显示的 widget。例如：可以显示一个 Icon。如果未提供，则 min 值将显示为文本。

  • end : 将作为最大标签显示的 widget。例如：可以显示一个 Icon。如果未提供，则 max 值将显示为文本。

  • onChanged : [必需] 在拖动过程中调用，当用户通过拖动为滑块选择新值时。

    拖动。

    • 滑块将新值传递给回调，但直到父 widget 重建具有新值的滑块之前，状态才实际更改。

    • 如果为 null，滑块将显示为禁用状态。

  • onChangeStart : 当用户开始为滑块选择新值时调用。传递的值将是滑块在更改开始之前拥有的最后一个 value。

  • onChangeEnd : 当用户完成为滑块选择新值时调用。

  • labelsTextStyle : 显示在滑块上的最小和最大文本的样式。如果未提供，将应用祖先 Theme 的 accentTextTheme 文本样式。

  • valueTextStyle : 显示在滑块上的当前值文本的样式。如果未提供，将应用粗体的祖先 Theme 的 textTheme.title 文本样式。

  • sliderColor : 滑块的颜色。如果未提供，将应用祖先 Theme 的 primaryColor。

  • thumbColor : 滑块的颜色。如果未提供，将应用 Colors.white。

GitHub

https://github.com/rvamsikrishna/flutter_fluid_slider