Vista previa en vivo, ejecutando el mismo código que lleva el prompt
GráficosPantalla Listo para Expo GoGratis
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.
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-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.
