Invert Slider's minimum and maximum value in Flutter

957 views Asked by At
Slider(
min: 0,
max: 35,
divisions: 15,
value: _sliderValue.toDouble(),
onChanged: _change1Slider)

void _change1Slider(double e) => setState(() {
        _sliderValue = e;
        print((_sliderValue * base_number).floor() / base_number);
      });

I'm using Flutter's Slider and want to invert min and max.

I want 35 to be the value shown on the left and I want 0 to be the value shown on the right.

1

There are 1 answers

0
Victor Eronmosele On BEST ANSWER

To show your maximum value on the left and your minimum value on the right, change the text direction of the Slider to right to left.

Do this by:

  1. wrapping the Slider widget in the Directionality widget and
  2. specifying the textDirection property as TextDirection.rtl.
Directionality(
  textDirection: TextDirection.rtl,
  child: Slider(
    label: _sliderValue.toString(),
    min: 0,
    max: 35,
    divisions: 15,
    value: _sliderValue.toDouble(),
    onChanged: _change1Slider),
),

Here's a screenshot below:

Screenshot of slider showing the max value on the left and the min value on the right