Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Estadísticas y gráficosPantalla Listo para Expo GoGratis
Hearth Nutrition
A macro ring where the energy total is computed from the grams rather than typed beside them, so the two can never disagree. Protein, carbohydrate and fat keep their own colours, and the screen says outright that the percentages are of energy and not of weight.
Pégalo en Claude Code, Cursor o Windsurf. Construye esta pantalla 1:1 en tu app.
Qué incluye
- Archivos
- 1 archivo
- Dependencias
- @expo-google-fonts/inter, phosphor-react-native, 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-06
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.
