Using fillColor creates a rectangular fill not circular

Question

Using fillColor creates a rectangular fill not circular

aneeskA opened this issue 2 years ago · 8 comments

Sample code

CircularPercentIndicator(
        radius: 25.0,
        lineWidth: 3,
        center: Icon(
          Icons
              .workspace_premium_outlined,
          color: Colors.white,
        ),
        progressColor: Colors.white,
        backgroundColor:
            Colors.deepPurple.shade400,
        fillColor: Colors.green,
        percent: 1.0,
      ),

Screenshot

The last green filled corresponds to the above code.
Same as #125

diegoveloper commented 2 years ago

Great

Answer 1 · 2023-01-01T19:03:01.000Z

@diegoveloper Please take a look at this if you can.

Answer 2 · 2023-01-01T19:03:42.000Z

Can you add a ClipOval above CircularPercentIndicator?

Answer 3 · 2023-01-01T19:32:55.000Z

Wow! I didn't know such a widget existed! It fixes the problem :)

ClipOval(
    child: CircularPercentIndicator(
      radius: 25.0,
      lineWidth: 3,
      center: Icon(
        Icons
            .workspace_premium_outlined,
        color: Colors.white,
      ),
      progressColor: Colors.white,
      backgroundColor: Colors
          .deepPurple.shade400,
      fillColor: Colors.green,
      percent: 1.0,
    ),
  ),

result

Answer 4 · 2023-01-01T19:33:37.000Z

@diegoveloper May be add an example to the README for this specific case?

Answer 5 · 2023-01-01T19:34:33.000Z

Would you mind to send a PR?

…

On Sun, Jan 1, 2023, 2:33 PM aneeskA ***@***.***> wrote: @diegoveloper <https://github.com/diegoveloper> May be add an example to the README for this specific case? — Reply to this email directly, view it on GitHub <#189 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFL3UHLDY6L3EILLTPQOVLWQHLZXANCNFSM6AAAAAATOIL6KI> . You are receiving this because you modified the open/close state.Message ID: ***@***.*** com>

Answer 6 · 2023-01-01T19:35:05.000Z

Would you mind to send a PR?
…

Yes, will do that. ✌️