Gradient Colored Slider

Gradient Colored Slider.

Used to select from a range of values.

You can customize slider track gradient colors, as well as tracks bar width and bar space.

Preview

How it's built

Check the Blog Post

Usage

  double _currentSliderValue = 0.5;

  @override
  Widget build(BuildContext context) {
    return GradientColoredSlider(
      value: _currentSliderValue,
      onChanged: (double value) {
       setState(() {
         _currentSliderValue = value;
       });
     },
    );
  }