Flutter Range Slider

Flutter Range Slider Widget


An extension of the Flutter Material Slider to allow selection of a range of values via 2 thumbs.

Flutter Range Slider

Step by step explanation

A full explanation on how to build such Widget may be found on my blog:

  • in English, click here
  • in French, click here

Getting Started

You should ensure that you add the following dependency in your Flutter project.

 flutter_range_slider: "^1.4.0"

You should then run flutter packages upgrade or update your packages in IntelliJ.

In your Dart code, to use it:

import 'package:flutter_range_slider/flutter_range_slider.dart' as frs;


As of version 1.7, Flutter Framework also has its own RangeSlider.
If you want to keep working with this library, you need to import the package, using an alias e.g. frs.
Then, your need to prefix both RangeSlider and RangeSliderCallback with this alias (frs.RangeSlider and frs.RangeSliderCallback)


An example can be found in the example folder. Check it out.

Source Code

Please Visit Flutter Range Slider Source Code at GitHub