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.

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.

Leave a Comment

Your email address will not be published.

Scroll to Top