arcType.FULL but it not show full circle

htvu commented 2 years ago

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,
            ),

Simulator Screen Shot - iPhone SE (3rd generation) - 2022-08-11 at 22 57 54 .

diegoveloper commented 2 years ago

is this only happening with ArcType.FULL_REVERSED ?

htvu commented 2 years ago

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

diegoveloper commented 2 years ago

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: Screen Shot 2022-08-23 at 10 34 20 PM

htvu commented 2 years ago

How to make it show full circle ?

diegoveloper commented 2 years ago

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

gfb-47 commented 11 months ago

If I remove the arcType parameter I'm not allowed to set a background arc color..

diegoveloper / flutter_percent_indicator

arcType.FULL but it not show full circle #173