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

A Cupertino-themed interactive continuous slider widget that is inspired by the slider widgets used in Apple Music.

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 Animated gif of slider being used 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
  • Animate start and end icons using slider progress
  • Color the slider's porgress with a gradient

Getting started #

Add to your dependencies:

dependencies:
  interactive_slider: ^0.2.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.

61
likes
160
pub points
85%
popularity

Publisher

unverified uploader

A Cupertino-themed interactive continuous slider widget that is inspired by the slider widgets used in Apple Music.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on interactive_slider