curve_slider 0.0.3
curve_slider: ^0.0.3 copied to clipboard
Curve slider animation
๐ Curve Slider #
A customizable and interactive curved slider widget for Flutter, designed with a smooth arc UI, tick marks, and thumb image support. Great for selecting values like currency, volume, or progress with a unique look.
๐ Features #
- ๐ฏ Adjustable
min,max, andinitialValue - ๐งฎ Curved slider path using quadratic Bรฉzier
- ๐ผ๏ธ Custom thumb image
- ๐ Optional tick sound on change
- ๐จ Fully themeable and responsive
- ๐
onChangedcallback to return slider value on drag/text input
Getting started #
TODO: List prerequisites and provide or point to information on how to start using the package.
๐ฆ Installation #
Add this to your pubspec.yaml:
dependencies:
curve_slider: ^1.0.0
๐ก Example #
Here's a minimal example of how to use the CurveSlider widget:
CurveSliderView(
initialValue: 0.002,
min: 0.001,
max: 0.005,
curvature: 120,
totalTicks: 40,
thumbImage: 'assets/images/fingerprint.png',
tickSound: 'sounds/tick.mp3',
onChanged: (value) {
debugPrint("on change: $value");
},
)