Invert Slider's minimum and maximum value in Flutter

Question

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.

That doesn't make sense. 35 is greater than 0. You can't change that. Perhaps you want a slider that has the high number at the left toward a low number at the right? It doesn't appear to permit that, but nothing stops you from copying the source and making a class like MySlder that reverss the endpoints. — Randal Schwartz, Dec 18 '22 at 02:30

Victor Eronmosele · Accepted Answer · 2022-12-18T03:07:43.460

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:

wrapping the Slider widget in the Directionality widget and
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

Invert Slider's minimum and maximum value in Flutter

1 Answers1