flutter_range_slider

a 2-thumb Material Design range slider for Flutter that allows a range selection


License
Other

Documentation

RangeSlider

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

Flutter RangeSlider




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.

dependencies:
 flutter_range_slider: "^1.5.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;

IMPORTANT NOTE


> 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)

Example

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