'flutter change size of circle of slider
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;
});
},
),
Solution 1:[1]
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(),
),
Solution 2:[2]
wrape your Slider with SliderTheme like:
SliderThemeData(
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 40)),
child: yourSlider(),
),
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | steellow |
| Solution 2 | tareq albeesh |
