Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
FortschrittScreen Expo Go bereitKostenlos
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.
In Claude Code, Cursor oder Windsurf einfügen. Baut diesen Screen 1:1 in deiner App.
Was enthalten ist
- Dateien
- 2 Dateien
- Abhängigkeiten
- @expo-google-fonts/inter, 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-08
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.
