๐ 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,initialValue, andtotalTicks - ๐งฎ Curved path using quadratic Bรฉzier curves
- ๐ผ๏ธ Support for custom thumb image
- ๐ Tick sound on value change (optional)
- ๐ Fully themeable & responsive layout
- ๐ Optional text field for value input
- ๐ Real-time
onChangedcallback - ๐ค Haptic feedback support (via
HapticFeedback.selectionClick())
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: ^0.0.4
๐ก 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");
},
)
๐ Maintainers
Built and maintained by Harshit Rajput