Aperçu en direct, exécutant exactement le code que contient le prompt
GraphiquesÉcran Compatible Expo GoGratuit
Progress Rings
Concentric goal rings that keep going past the goal on a thin second lap, because stopping at a full circle makes 612 and 500 look identical. Three is the limit: a fourth is thinner than the gaps and stops being readable on a phone.
Collez dans Claude Code, Cursor ou Windsurf. Ça construit cet écran à l'identique dans votre app.
Ce qui est inclus
- Fichiers
- 2 fichiers
- Dépendances
- @expo-google-fonts/inter, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Polices
- @expo-google-fonts/inter
- Compatibilité
- Expo SDK 52+, fonctionne dans Expo Go
- Mis à jour
- 2026-09-06
La règle que suit ce design
Il est livré exactement comme l'aperçu : mêmes couleurs, même typographie, même texte, même animation. Le prompt indique à votre agent de le construire ainsi, sans l'adapter à votre thème existant.
