Activity indicator

Question

HI

How can we implement a progress bar for waiting.

Like this

https://developer.apple.com/design/human-interface-guidelines/ios/controls/progress-indicators/

Answer 1

Hi,

you can use a horizontal value bar and adapt the design according to your needs. Alternatively, you can create your own widget based on component templates.

Hope this helps...

Best regards,

Manfred.

Answer 2

Hi,
a simple way to realize a wait circle ist to use an animated image.
https://doc.embedded-wizard.de/image-view?v=11.00#11

This works similar to animated GIF, but you can control them in an easy way.
Here examples of GIF based animated activity indicators.
https://flutterawesome.com/a-collection-of-high-fidelity-loading-animations-in-gif-format-with-flutter/

With kind regards,
Rudolf

Comments

Could you please explain it with a sample

---

Hi melvinkm,
I created a small sample for an ActivityIndicator which also can be colorized.
This is a quite simple realization by using an animated image.

Hope this helps,
Rudolf