This is a nice custom slider for flutter with a track design. It gives you current tick value on scroll which you can access by using onChange funtion.

Features

• Set steps in the slider.
• Get current index on scroll by using onChange() method.
• Set initial position of the slider using defaultValue.
• Set indicator color using selectedTrackColor.
• Set track color using unselectedTrackColor.

Getting started

Import this package in your project dependencies.

track_slider: ^0.0.6

Usage

TrackSlider(
    steps: 100,
    selectedTrackColor: Colors.blue,
    unselectedTrackColor: Colors.grey,
    marginLeft: 36,
    defaultValue: 4,
    onChange: (value) {
        //do something with value...
    },
)

Properties

• steps: Number of lines on slider.
• default_value: Define initial position of slider.
• marginLeft: It is the left padding of parent widget if available.
• selectedTrackColor: Colors of selected index.
• unselectedTrackColor: Color of track.
• onChange(): It returns the value of current index.

Screenshots

GitHub Link

https://github.com/uroojk844/track_slider