How can I disable the Flutter slider class to prevent a user from moving it?

Question

I'm hoping to render a flutter slider that is unmovable, meaning that I hope to pass the slider an initial value that the user will not be able to change purely for UI visualization?

Has anyone had any experience locking this slider in place?

Thanks for the help.

Answer 1

Give it a value and then set the onChanged: property to null.

onChanged: null

This disables the Slider.

Otherwise, you could give max: and min: the same value. In this case, though, the slider is not greyed out but it stays at zero.

Answer 2

Just wrap an AbsorbPointer around your slider like so:

AbsorbPointer(
            child: Slider(
              onChanged: (value) => print(value),
              min: 0,
              max: 100,
              divisions: 10,
              value: 30,
            ),
          )

Answer 3

In order to have your SliderTheme affect a disabled slider you have to overwrite the disabled attributes.

Here is a quick example:

SliderTheme(
  data: SliderTheme.of(context).copyWith(
    disabledActiveTrackColor: Colors.red[700],
    disabledInactiveTrackColor: Colors.red[100],
    disabledThumbColor: Colors.redAccent,
  ),
  child: Slider(
    value: 0.2,
    onChanged: null,
  ),
)