Niku

Appearance

Return to top
On this page

Range Slider

Range Slider demo

A representation of Sliders.

NikuRangeSlider accepts all the props as same as RangeSlider.

// Using namespace
n.RangeSlider(0, 100);

// Using Niku Prefix
NikuRangeSlider(0, 100);

Example Usage 

n.RangeSlider(0, 100)
    ..min = 0
    ..max = 100
    ..labels = RangeLabels(start.n, end.n);
    ..divisions = 5
    ..onChanged = updateState

Customization 

n.RangeSlider(0, 100)
    ..labels = RangeLabels(start.n, end.n);
    ..divisions = 5
    ..overlayColor = Colors.white.withOpacity(.125)
    ..activeTrackColor = Colors.white.withOpacity(.75)
    ..inactiveTrackColor = Colors.white.withOpacity(.25)

Change Thumb Shape 

n.RangeSlider(0, 100)
    ..trackHeight = 2
    ..thumbShape = RoundSliderThumbShape(enabledThumbRadius: 6);

Defination

View Defination on pub.dev