flutter_percent_indicator

flutter_percent_indicator copied to clipboard

I use sample code with arcType.FULL but it not show full circle

CircularPercentIndicator(
              radius: 20.0,
              animation: true,
              animationDuration: 1000,
              lineWidth: 4.0,
              percent: 1,
              reverse: false,
              arcType: ArcType.FULL_REVERSED,
              startAngle: 45.0,
              circularStrokeCap: CircularStrokeCap.square,
              arcBackgroundColor: Colors.grey[400],
              progressColor: Colors.blue,
            ),

.

is this only happening with ArcType.FULL_REVERSED ?

is this only happening with ArcType.FULL_REVERSED ?

No, both FULL and FULL_REVERSED

percent_indicator: ^4.2.2 Flutter 3.0.5, Dart 2.17.6 iPhone SE, iOS 15.5 simulator

Are you sure you are using the latest version? can you check your pubspec.lock ? I tried your code :

            CircularPercentIndicator(
              radius: 20.0,
              animation: true,
              animationDuration: 1000,
              lineWidth: 4.0,
              percent: 1,
              reverse: false,
              arcType: ArcType.FULL_REVERSED,
              startAngle: 45.0,
              circularStrokeCap: CircularStrokeCap.square,
              arcBackgroundColor: Colors.grey[400],
              progressColor: Colors.blue,
            ),
            const SizedBox(height: 20),
            CircularPercentIndicator(
              radius: 20.0,
              animation: true,
              animationDuration: 1000,
              lineWidth: 4.0,
              percent: 1,
              reverse: false,
              arcType: ArcType.FULL,
              startAngle: 45.0,
              circularStrokeCap: CircularStrokeCap.square,
              arcBackgroundColor: Colors.grey[400],
              progressColor: Colors.blue,
            ),

And this is the result:

How to make it show full circle ?

remove arcType parameter, you should see the samples inside the package.