Aperçu en direct, exécutant exactement le code que contient le prompt
ProgressionÉcran Compatible Expo GoGratuit
Capacity
One bar split into named parts and drawn against the capacity, so the free space is real rather than absorbed, with slivers folded into Other and the threshold marked as a line instead of a colour change.
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-08
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.
