气泡滑块

此包支持带有气泡动画的自定义滑块 UI。它包括 onDragStart()、onDragEnd() 以及 onChange() 方法回调,用户可以通过这些方法获取符合要求的值。

animated_slider.mp4


用法

示例

BubbleSlider(
    value: _value,
    isBubbleVisible: true,
    onChanged: (val) {
    _value = val;
    },
    onChangeEnd: (s) {},
    color: Colors.blue,
),

必需参数

Value

将设置为滑块在 0 到 100 之间当前的值。

onChanged(double val)

这是一个回调,用户可以通过它获取滑块在更新时的当前值。

onChangeEnd(double val)

这与 onChanged 类似,也是一个回调,通过它我们可以获取滑块的当前值,并跟踪用户何时完成值更改。

可选参数

颜色

用户可以为滑块和气泡设置颜色。

isBubbleVisible

用于禁用气泡动画。

onChangeStart(double val)

这是一个回调,当用户开始拖动时触发。

贡献者指南

我们始终欢迎对我们仓库的贡献,我们要求贡献者仅将拉取请求发送到 develop 分支。

报告问题/功能请求指南

如果报告者能分享以下内容来帮助我们了解问题的根本原因,那将对我们非常有帮助。

  • 库版本
  • 代码片段
  • 日志(如适用)
  • 设备规格(例如,制造商、操作系统版本等)
  • 屏幕截图/视频及复现问题的步骤。

许可证!

Bubble Slider 采用 MIT 许可

告诉我们!

如果您在我们使用我们组件的项目中分享链接,我们将非常高兴。只需发送电子邮件至 [email protected]。如果您对我们的工作有任何疑问或建议,也请告知我们。

GitHub

查看 Github