callstack / callstack/react-native-paper

How to create Material 3: Determinate Circular Progress Indicator

Ouverte
#4,209 4 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
feature request Status: Approved
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.2k
Merge moyen
5 j 23 h
PR mergées (30 j)
12

Description

### Ask your Question
I am looking to implement the determinate circular progress indicator as described [here](https://m3.material.io/components/progress-indicators/specs#16fa008b-87cd-4398-b026-b28bc2d14ad9). 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](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator)
- [A linear progress indicator](https://callstack.github.io/react-native-paper/docs/components/ProgressBar)

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](https://www.npmjs.com/package/react-native-circular-progress-indicator) library already. Or is this on the roadmap to be added to react native paper?

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Review the linked Material 3 progress-indicator specification and the React Native Paper ActivityIndicator and ProgressBar documentation first. Done means establishing whether a determinate circular variant is supported and, if not, reaching a clear decision about its scope or an appropriate alternative.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native, typescript
Domaine
frontend, mobile
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.