https://github.com/boeledi/RangeSlider

RangeSlider Widget for Flutter
https://github.com/boeledi/RangeSlider

Last synced: 10 days ago
JSON representation

RangeSlider Widget for Flutter

• Host: GitHub
• URL: https://github.com/boeledi/RangeSlider
• Owner: boeledi
• License: other
• Created: 2018-07-29T02:52:13.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-03T14:01:04.000Z (5 months ago)
• Last Synced: 2024-07-31T15:01:37.717Z (3 months ago)
• Language: Dart
• Size: 772 KB
• Stars: 374
• Watchers: 6
• Forks: 66
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-flutter-cn - RangeSlider - 滑动选择范围的Flutter组件，由[Didier Boelens](https://www.didierboelens.com)提供。 (组件 / UI)
• awesome-flutter-cn - RangeSlider - 带两个滑块的区间选择器，[Didier Boelens](https://www.didierboelens.com). (组件 / UI)
• awesome-flutter - RangeSlider - 2-thumb configurable RangeSlider by [Didier Boelens](https://www.didierboelens.com). (Components / UI)
• awesome-flutter - RangeSlider - RangeSlider Widget for Flutter ` 📝 3 months ago` (UI [🔝](#readme))
• awesome-flutter - RangeSlider - 2-thumb configurable RangeSlider by [Didier Boelens](https://www.didierboelens.com) (Components / UI)

README

        
# RangeSlider

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







---

## Step by step explanation

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

* in English, click [here](https://www.didierboelens.com/2018/07/range-slider/)

* in French, click [here](https://www.didierboelens.com/fr/2018/07/range-slider/)

---

## Getting Started

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

```yaml

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:

```dart

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.