A package that gives us a slider controller a custom widget. This widget is used for easy customization for the slider widget.

Key Features

  • Ready to use custom slider widget.
  • Easy customization for the slider widget.



Basic Usage

Import it to your project file

import 'package:slider_controller/slider_controller.dart';

And add it in its most basic form like it:

  value: 50.0,
  onChanged: (value) {
    print('slider value : $value');

Required parameters of SliderController

Parameter Description
double value Indicates the default slider thumb value between the 0.0 to 100.0
ValueChanged onChanged Called during a drag when the user is selecting a new value for the slider by dragging

Optional parameters of SliderController

Parameter Default Description
SliderDecoration sliderDecoration Used to Decorate the Slider Widget

Optional parameters of SliderDecoration

Parameter Default Description
Color inactiveColor Colors.blueGrey Defines the background color of the inactive part of the slider
Color activeColor Defines the background color of the active part of the slider
Color thumbColor Colors.white Defines the thumb color of the slider
double borderRadius 20.0 Indicates the rounded border radius for the slider
double height 50.0 Indicates the height of the slider
bool isThumbVisible true Indicates that slider thumb is visible or not
double thumbHeight 25.0 Indicates the height of the slider thumb
double thumbWidth 5.0 Indicates the width of the slider thumb

Guideline for contributors

  • Contribution towards our repository is always welcome, we request contributors to create a pull
    request for development.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of
the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used


is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an
email to [email protected] And do let us know if you have any questions or suggestion
regarding our work.


View Github