A slider widget, supports image thumb, track gradient and border

Features

  • Custom thumb image
  • Active track gradient
  • Inactive track gradient
  • Track border
  • Track border color

Usage

 GradientSlider(
  thumbAsset: 'assets/vert_thumb.png',
  thumbHeight: 30,
  thumbWidth: 30,
  trackBorder: 1,
  trackBorderColor: Colors.black,
  activeTrackGradient: const LinearGradient(colors: [Colors.pink, Colors.blue]),
  inactiveTrackGradient:
      LinearGradient(colors: [Colors.grey.shade300, Colors.grey.shade800]),
  slider: Slider(value: 0.5, onChanged: (value) {}
  ),
)
Type Properties
String thumbAsset
double thumbHeight
double thumbWidth
Widget slider
Gradient activeTrackGradient
Gradient inactiveTrackGradient
Color inactiveTrackColor
double trackHeight
double trackBorder
Color trackBorderColor

Libraries

gradient_slider