curve_slider 0.0.2 copy "curve_slider: ^0.0.2" to clipboard
curve_slider: ^0.0.2 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, and initialValue
  • ๐Ÿงฎ Curved slider path using quadratic Bรฉzier
  • ๐Ÿ–ผ๏ธ Custom thumb image
  • ๐Ÿ”Š Optional tick sound on change
  • ๐ŸŽจ Fully themeable and responsive
  • ๐Ÿ”„ onChanged callback 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:

```dart
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");
          },
        )
4
likes
0
points
45
downloads

Publisher

unverified uploader

Weekly Downloads

Curve slider animation

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

audioplayers, equatable, flutter, flutter_bloc, gap

More

Packages that depend on curve_slider