FlutterFlow / flutterflow-issues

A community issue tracker for FlutterFlow.
130 stars 26 forks source link

Circular progress bar UI issues #4883

Open max-h-silverman opened 1 week ago

max-h-silverman commented 1 week ago

Can we access your project?

Current Behavior

Circular progress bar is displaying the background color around the outer edges (iOS and Android) and on iOS only the slice is not displaying cleanly.

Expected Behavior

Circular progress bar should only show background color in the area not filled by the progress slice, and the slice should be centered and have clean, linear boundaries.

Steps to Reproduce

  1. Create a page and place a 30px circular progress bar with 15px thickness
  2. Run on iOS device

Reproducible from Blank

Bug Report Code (Required)

IT4ki87lx4lgoddA1rrtbcExvCo4H245TL0vs+xEGBYaIozkPe4MZ876P1FtOM+iTGx9eU6mp14zpM7oifzxIfpeFy+Ab75T/89AdQmUUjmRRZOTF7jgdkZPM+ZmI3HD4Zi3ph1APfhpW3gm7U6UCtmXUhfdHabTDWowSq/LZO4=

Visual documentation

IMG_5379 IMG_5380 IMG_5381

Environment

- FlutterFlow version: 5.0.10
- Platform: macOS
- Browser name and version: n/a
- Operating system and version affected: iOS 17

Additional Information

No response

Alezanello commented 1 week ago

Hello!

I was unable to replicate this issue on Web, Android, or iOS. Here is the public project link for you to clone and test on your end to see if I might be missing any steps.

Public Project: https://app.flutterflow.io/project/qa-3029-xnwrq3

image.png
max-h-silverman commented 5 days ago

@Alezanello You can see one of the two issues in the screenshot you provided (there is orange from the bg showing through around the edges of the circle. Also, I just reproduced this in another test project and ran it on my iPhone and am seeing the misshapen slice. Please test it on an actual device not an virtual one and look closely at what's being displayed.

IMG_5385

Alezanello commented 16 hours ago

Yes it seems there is a little error on iOS directly, I'm going to check if this is something that depends on FlutterFlow directly or is some issue with the package itself!

image.png