diegoveloper / flutter_percent_indicator

Flutter percent indicator library
BSD 2-Clause "Simplified" License
679 stars 206 forks source link

⚠️How to remove unnecessary padding/space below the progress indicator ? #138

Closed Lakhankumawat closed 2 years ago

Lakhankumawat commented 2 years ago

Help Required !

How to remove unnecessary padding/space below the progress indicator ?

Preview

I want to achieve What I have Unnecessary Space

Code

 CircularPercentIndicator(
                    radius: getProportionateScreenWidth(200),
                    lineWidth: 10,
                    animation: true,
                    arcType: ArcType.HALF,
                    percent: 0.5,
                    arcBackgroundColor: Colors.grey.withOpacity(0.3),
                    startAngle: 270,
                    circularStrokeCap: CircularStrokeCap.round,
                    progressColor: Theme.of(context).primaryColor,
                    footer: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: [
                        Text(
                          '78',
                          style: TextStyle(
                            fontSize: 20,
                            color: Colors.grey,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        Text(
                          'Dropped ~ 4 kg',
                          style: TextStyle(
                            fontSize: 15,
                            color: Colors.grey,
                            fontWeight: FontWeight.w600,
                          ),
                        ),
                        Text(
                          '72',
                          style: TextStyle(
                            fontSize: 20,
                            color: Colors.grey,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ],
                    ),
                    center: Column(
                      children: [
                        SizedBox(
                          height: getProportionateScreenHeight(40),
                        ),
                        Text(
                          'now',
                          style: TextStyle(
                            fontSize: 15,
                            color: Colors.grey,
                            fontWeight: FontWeight.w600,
                          ),
                        ),
                        Text(
                          '74.5 Kg',
                          style: TextStyle(
                              color: ThemeData().primaryColor,
                              fontWeight: FontWeight.bold,
                              fontSize: getProportionateScreenWidth(25)),
                        ),
                      ],
                    ),
                  ),
Lakhankumawat commented 2 years ago

Alternative Solutions : https://stackoverflow.com/questions/70595461/how-to-remove-unnecessary-padding-space-below-the-progress-indicator-in-percent/70596791#70596791

bhanuka96 commented 2 years ago

@diegoveloper I think this is an issue. It was working the same as the screenshot on an older version of the plugin. Now, it's displaying full circle