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.

 flutter_range_slider: "^1.0.1"

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';


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

Credit (github url) : https://github.com/boeledi/RangeSlider

Next Article : https://flutterappdev.com/2019/02/01/a-plugin-for-panning-and-zooming-images-by-touch/

Leave a comment