Mobile App Development Insights 📱 Module 6.3: 移动端应用 (Mobile App)

•

📱 Module 6.3: 移动端应用 (Mobile App) 以前写 React Native，配环境能配哭。现在用 @Expo。基本不用碰 Xcode 和 Android Studio。再加上 Uniwind (Tailwind v4)，你甚至可以直接写 Tailwind 类名。感觉就像在写网页一样，但产出的是原生 App。 👇 Thread: 前端工程师如何统治 iOS & Android x.com/Jimmy_JingLv/status/2004030112677949751?s=20

🗺️ Expo Router: 文件即路由看这个目录结构，是不是很眼熟？ app/index.tsx, app/video/[id].tsx。这就是 Expo Router。跟 Next.js 一模一样。做完 Web 端，你的脑子不需要切换 Context，直接就能写 App。

🧠 逻辑复用，UI 分离注意：div 不能在手机上跑，要用 View。UI 必须重写。但是逻辑 (Logic) 是 100% 复用的。 Hooks, Zod Schemas, tRPC Client... 我们在手机端直接调 api.video.getById.useQuery。这就是 Monorepo 的威力。

🔗 杀手级功能：Share Extension 我在抖音/YouTube App 里，点“分享” -> “BibiGPT”。 App 自动唤起，链接自动填好。这才是原生体验。利用 Expo Config Plugins，我们可以轻松配置 iOS/Android 的原生分享菜单。

🎙️ 随时随地：语音笔记手机最大的优势是麦克风。我们集成 expo-audio。随时随地录制灵感，传给 Whisper 转文字，再用 AI 总结。把手机变成你的第二大脑输入端。

🎉 总结： 1. Expo + Uniwind = 极致开发体验。 2. Expo Router 降低认知负担。 3. 逻辑代码复用率 > 90%。 4. 原生能力 (Share/Audio) 补全场景。至此，BibiGPT 全平台制霸达成！ Web, Extension, Desktop, Mobile。一个 Monorepo，一个人，一套逻辑。 👉 下一章 6.4：CI/CD 自动化发布 (让机器人帮我们发版)