interactive_slider 0.0.1 copy "interactive_slider: ^0.0.1" to clipboard
interactive_slider: ^0.0.1 copied to clipboard

A Cupertino-themed interactive continuous slider widget.

A continuous slider widget inspired by the volume slider in the Apple Music app. This widget can be used with little to no setup but is still fully customizable!

Animated gif of slider being used

Features #

Use the stock slider or customize:

  • Built in padding for convenience
  • Adjustable size transition
  • Use any widget for a start/end icon and center label
  • Use any transition duration and curve
  • Provide any shape border for the progress bar
  • Use the normalized progress value or easily provide a min/max to be automatically transformed

Getting started #

Add to your dependencies:

dependencies:
  interactive_slider: ^0.0.1

Then import:

import 'package:interactive_slider/interactive_slider.dart';

Usage #

InteractiveSlider(
  startIcon: const Icon(CupertinoIcons.volume_down),
  centerIcon: const Text('Center'),
  endIcon: const Icon(CupertinoIcons.volume_up),
  min: 1.0,
  max: 15.0,
  onChanged: (value) => setState(() => _value = value),
)

Additional information #

Please report any bugs and open any pull requests via GitHub.

52
likes
0
pub points
82%
popularity

Publisher

unverified uploader

A Cupertino-themed interactive continuous slider widget.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on interactive_slider