I was able to reduce row size by clipping the bigger circular slider element, since I had displayed only a semi-circle but the widget gives space for the whole circle.
ClipRect(
child: Align(
alignment: Alignment.topCenter,
heightFactor: 0.8,
child: SleekCircularSlider(
min: 0,
max: 10,
initialValue: 5,
appearance: CircularSliderAppearance(
size: 100,
startAngle: 180,
angleRange: 180,
customColors: CustomSliderColors(
trackColor: Colors.black38,
progressBarColors: [
Colors.green,
Colors.yellowAccent,
Colors.redAccent
],
dynamicGradient: false)),
innerWidget: (value) {
return Center(
child: Text(
'${value.round()}',
style:
TextStyle(color: Colors.white, fontSize: 50),
),
);
},
onChange: (double value) {
taxi.carCondition = value.round();
}),
),
)
CLICK HERE to find out more related problems solutions.