I want to have 2 rows in a column where first row has only 1 large element due to which lot of space is wasted in flutter

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.

              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: [
                            dynamicGradient: false)),
                    innerWidget: (value) {
                      return Center(
                        child: Text(
                              TextStyle(color: Colors.white, fontSize: 50),
                    onChange: (double value) {
                      taxi.carCondition = value.round();

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top