实时预览,运行的正是提示词中携带的代码
结账界面 支持 Expo Go免费
Larder Checkout
A checkout that explains the card hold in plain words, because grocery is the one order whose final price is genuinely unknown and pretending otherwise creates the confusing pending charge. Bags are listed at zero rather than omitted, as the receipt for a decision made three screens ago.
粘贴到 Claude Code、Cursor 或 Windsurf 中,它会在你的应用中 1:1 构建这个界面。
包含内容
- 文件
- 1 个文件
- 依赖项
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- 字体
- @expo-google-fonts/inter
- 兼容性
- Expo SDK 52+,可在 Expo Go 中运行
- 更新时间
- 2026-09-05
这个设计遵循的规则
它完全按照预览效果交付:相同的颜色、相同的字体、相同的文案、相同的动效。提示词会指示你的代理照此构建,而不是让它适配你现有的主题。



