#react-native · Page 19
Waze-Style Navigation UI in React Native (Learn the Pattern)
Build a turn-by-turn navigation UI like Waze in React Native: a full-screen map, a route, a maneuver banner, and community reports, from a free VP0 design.
Web3 Game Leaderboard UI in React Native
Build a game leaderboard UI in React Native for a web3 game: ranked players, your position, and seasons, from a free VP0 design. Server-authoritative scores.
Why AI-Generated List Views Crash on Memory Limits
AI tools often generate list views that render every row at once and crash on long data. Here is why, and the fix: virtualization, from a free VP0 design.
Fix: Xcode Command PhaseScriptExecution Failed
The Xcode error Command PhaseScriptExecution failed usually means Xcode cannot find Node in a React Native build. Here is the real cause and the fix.
Zillow-Style Real Estate UI: Map, Listings, and Tours
A real estate app pairs a map with rich listings. Build the split-screen map, listing detail, and tour UI from a free VP0 design in React Native, with honest data.
Map Clustering UI for a Real-Estate App (Learn the Pattern)
Build a Zillow-style map with clustering in React Native: hundreds of listings grouped into clusters that split as you zoom, from a free VP0 design.
21st.dev-Style Live Preview for Mobile App Templates
Want a 21st.dev-style live preview for mobile? Browse VP0 designs that preview live, then run the generated code in Expo for instant fast-refresh.
BeReal-Style Dual-Camera UI (Learn the Pattern, Free)
BeReal's dual-camera capture is a fun, recognizable pattern. Learn it, build the UI from a free VP0 design, and use the platform's multi-camera API for the photo.
Cart Abandonment Modal UI in React Native (Gently)
A gentle cart-recovery modal can win back hesitating shoppers. Build one from a free VP0 design with the real total and one honest incentive.
ChatGPT Prompt to Fix a React Native Layout (Done Right)
AI fixes broken React Native layouts fast, with precise context. Give it the actual code, the symptom, the device, and the target, then test on a real device.
无障碍大字版 App UI 模板：不只是把字调大
无障碍大字版要支持动态字体、对比度、触控区和读屏，不只是调大字。从一个干净的 VP0 原生设计起步再强化无障碍最省事。
AI 助手应用界面 Figma 模板文件免费
找免费的 AI 助手 Figma 模板，最后还得转成代码。不如用 VP0 免费设计库直接让 Cursor 生成可跑的界面。
AI 助手界面 React Native 组件库做法
把 AI 助手界面拆成可复用的 React Native 组件，消息列表、输入栏、流式气泡各管一摊。用 VP0 免费设计起步，交给 Cursor 生成。
AI 情感伴侣前端 React Native 组件库
把 AI 情感伴侣界面拆成可复用的 React Native 组件：角色卡、情绪气泡、礼物动效各管一摊。用 VP0 免费设计起步。
AI 出图瀑布流 React Native 组件做法
用 React Native 做 AI 出图 App 的双列瀑布流，分列均衡、图片占位、生成中状态各管一摊。VP0 免费起步。
ChatGPT 前端 React Native 组件库一比一
一比一还原 ChatGPT 式前端，靠 React Native 组件：气泡、打字指示、Markdown 与代码块各封一块。用 VP0 免费设计起步。
ChatGPT 类机器人前端：别照搬源码，用 VP0 重建
想做 ChatGPT 式聊天前端，照搬「一比一源码」有版权和密钥风险。更稳的免费做法是用 VP0 挑个对话设计，喂给 Cursor 或 Claude Code 生成你自己的代码。
OpenAI 语音 UI React Native 组件库
语音界面没有气泡，状态就是一切。用 React Native 把聆听、思考、说话、打断各封成组件。用 VP0 免费设计起步。
RAG 文档上传移动端 UI 模板：难点全在状态
RAG 文档上传是用户第一步，状态特别多：上传、解析、列表、出错。用 VP0 挑个带上传的原生设计喂给 AI 生成，把状态画全。
Cursor AI 无脑搭建 iOS 移动端界面教程（附模板）
用 Cursor 搭 iOS 界面可以「无脑」，但前提是设计先行。完整流程：在 VP0 挑原生设计，复制链接喂给 Cursor 生成代码，再补状态、测真机。
CursorRules 控制自动生成 React 手机页面代码
Cursor 生成的 React 代码风格爱飘？用规则文件把语义色、三态、禁止硬编码密钥写死，再配一个 VP0 设计基准，生成质量就稳了。
Claude 生成高复杂原生 App 框架模板：怎么不写乱
让 Claude 生成复杂原生 App 框架，难点在结构。先定结构、分模块、每屏给 VP0 设计参考，比一口气生成整个 App 稳得多。
DeepSeek 直接导出 React Native 源码模板
DeepSeek 能直接导出 React Native 源码，但导出只是第一步。给它一个 VP0 原生设计当参考、说清接口和状态，导出的代码才原生、才可用。
移动端类似 v0 直接 Prompt 出 RN 页面的网站
想找移动端版 v0、直接 Prompt 出 RN 页面？纯提示词生成往往不够原生。更稳的是把 VP0 当输入，先有原生设计再 Prompt 照着生成。