Sunday, March 26, 2023

RangeSlider-Best Slider plugin for Flutter

Based on documentation flutter doesn’t support Range slider widget.But using this plugin we can easy to achieve range slider widget without putting any extra effort. @flutter_range_slider is a extension of the Flutter Material Slider to allow selection of a range of values via 2 thumbs.Which means we can use 2 selection one is for min and other is for max.

This plugin is very helpful if you are going to build a e commerce application for pick minimum and max price vale.It support Both lower and higher value we can also set max and min value of the range slider so user can select value in between the ranges.

Customization is also easy in @flutter_range_slider .there are mainly 3 events are used onChanged, onChangeStart and onChangeEnd

Installation

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

dependencies:
 flutter_range_slider: "^1.4.0"

You should then run flutter packages upgrade or update your packages

Import

In your Dart code, to use it:

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

Example

See example folder for sample demo code of the @flutter_range_slider

Demo

Flutter RangeSlider