Closed Lakhankumawat closed 2 years ago
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)), ), ], ), ),
Alternative Solutions : https://stackoverflow.com/questions/70595461/how-to-remove-unnecessary-padding-space-below-the-progress-indicator-in-percent/70596791#70596791
@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
Help Required !
How to remove unnecessary padding/space below the progress indicator ?
Preview
Code