Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
ButtonsScreen Expo Go bereitKostenlos
Pay Button
A checkout button carrying the amount, the card and what the tap does next, because Continue is the most expensive word in this industry and nobody knows whether it charges them. The bar takes its own bottom inset rather than a hardcoded padding.
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, 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-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.
