Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
HeaderScreen Expo Go bereitKostenlos
Hero image header
An image header with two scrims instead of one, so the title stays legible over a bright photograph without flattening the middle of it, and an overscroll that scales rather than translating so it can never open a gap at the top.
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, expo-image, expo-linear-gradient, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- 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.
