Slider

Sliders allow users to make selections from a range of values.

Default

Slider(
  value: 0.5,
  onChanged: (value) {
    // Handle change
  },
)

Custom Range

Slider(
  value: 50.0,
  min: 0.0,
  max: 100.0,
  onChanged: (value) {
    // Handle change
  },
)

Discrete Divisions

Slider(
  value: 0.2,
  divisions: 5,
  onChanged: (value) {
    // Handle change
  },
)

Custom Colors

Slider(
  value: 0.6,
  divisions: 5,
  activeTrackColor: Colors.purple,
  inactiveTrackColor: Colors.purple.withOpacity(0.2),
  thumbColor: Colors.purple,
  activeTickColor: Colors.white,
  inactiveTickColor: Colors.purple.withOpacity(0.5),
  onChanged: (value) {
    // Handle change
  },
)

Handling Release

Slider(
  value: 0.2,
  divisions: 5,
  onChanged: (value) {
    // Handle change
  },
  onChangeEnd: (value) {
    // Called when user releases the slider
  },
)