FLUTTER ECOSYSTEM

boeledi/RangeSlider

RangeSlider Widget for Flutter

RangeSlider project cover
Stars
374
Forks
66
Last push (UTC)
Jun 3, 2024
Project status
Active
Didier Boelens GitHub avatar
GITHUB User

Didier Boelens ↗

AI & Flutter enthusiast - Exploring the potential and future of Artificial Intelligence

LanguagesDart

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

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.