flutter change size of circle of slider

user_17838882 0
Viewed 280

I use a slider and I want to change the size of the circle of the slider, can anyone help me, please?

Slider(
                    activeColor: MyColors.darkGrey,
                    inactiveColor: MyColors.lightGreyTxt,
                    value: position.inSeconds.toDouble(),
                    divisions: 1000,
                      min: 0.0,
                    max: value.total.inSeconds.toDouble() + 1,
                    onChanged: (double value) async {
                      var _newPosition = Duration(
                        seconds: value.toInt(),
                      );
                      setState(() {
                        position = _newPosition;
                      });
                    },
                  ),
dart flutter slider shapes
2 Answers

Wrap your Slider inside SliderTheme and use SliderThemeData like this:

SliderTheme(
  data: SliderThemeData(
    thumbShape: RoundSliderThumbShape(enabledThumbRadius: 20),
  ),
  child: Slider(),
),

If you have range slider you can use rangeThumbShape:

SliderTheme(
  data: SliderThemeData(
    rangeThumbShape: RoundRangeSliderThumbShape(enabledThumbRadius: 20),
  ),
  child: RangeSlider(),
),
user_110115240

wrape your Slider with SliderTheme like:

SliderThemeData(
            thumbShape: RoundSliderThumbShape(enabledThumbRadius: 40)),
        child: yourSlider(),
      ),
user_95857710
Related