Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Statistiken und DiagrammeScreen Expo Go bereitKostenlos
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.
In Claude Code, Cursor oder Windsurf einfügen. Baut diesen Screen 1:1 in deiner App.
Was enthalten ist
- Dateien
- 1 Datei
- Abhängigkeiten
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Schriftarten
- @expo-google-fonts/inter
- Kompatibilität
- Expo SDK 52+, läuft in Expo Go
- Aktualisiert
- 2026-09-06
Die Regel, an die sich dieses Design hält
Es wird genau wie in der Vorschau ausgeliefert: gleiche Farben, gleiche Schrift, gleicher Text, gleiche Animation. Der Prompt weist deinen Agenten an, es so zu bauen und nicht an dein vorhandenes Theme anzupassen.
