How to create Material 3: Determinate Circular Progress Indicator

[benjaminkomen]

Ask your Question

I am looking to implement the determinate circular progress indicator as described here. That way I can show the download progress between 0 and 100% as it slowly increases.

It seems that React Native Paper has:

• An indeterminate circular progress indicator
• A linear progress indicator

But not the specific thing I want, but maybe I'm missing something? Does it exist in react native paper, and if not, what are alternatives which work well? I saw this library already. Or is this on the roadmap to be added to react native paper?

[lukewalczak]

Hey @benjaminkomen, the determinate circular progress indicator is not implemented in the library, however, I believe it can be integrated. If you would like to create it, I will be more than happy to accept your PR

[benjaminkomen]

Thanks @lukewalczak , that might be a fun Christmas holiday project, I'll see what I can do.

[mfulton26]

Can we reopen this until support is added? I see there's a PR open but not yet merged. I too would like a determinate circular progress indicator.

[craiganderson-iotv]

I would also love to have a determinate circular indicator, especially if the <Button /> could have a determinate loading mode!