Vista previa en vivo, ejecutando el mismo código que lleva el prompt
ProgresoPantalla Listo para Expo GoGratis
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.
Pégalo en Claude Code, Cursor o Windsurf. Construye esta pantalla 1:1 en tu app.
Qué incluye
- Archivos
- 2 archivos
- Dependencias
- @expo-google-fonts/inter, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Tipografías
- @expo-google-fonts/inter
- Compatibilidad
- Expo SDK 52+, funciona en Expo Go
- Actualizado
- 2026-09-08
La regla que sigue este diseño
Se entrega exactamente como se muestra en la vista previa: mismos colores, misma tipografía, mismo texto, mismo movimiento. El prompt le indica a tu agente que lo construya así, sin adaptarlo a tu tema existente.
