App 官网

App 名字叫饭卡，取名吃饭打卡之意，主要是用来记录每天吃了什么，App 会自动计算摄入总热量、营养素占比等信息。目前 iOS 版已上架 App Store，Android 版目前托管在 蒲公英 和 testapp。下面是应用截图：

接下来说下技术栈

• 客户端：ReactNative + Expo

• 后端：eggjs + mysql + prisma

• 管理后台：Antd ProComponents

• App 官网: nextjs

开发过程

使用 ReactNative 开发过程顺畅的超出我的期望。开发期间一直使用的是 iOS 模拟器和自用的 iPhone，当时没有双端同时开发，感觉可能会有很多兼容问题，想着等功能开发完成后集中精力解决 Android 端兼容问题。结果开发完成后在 Android 正常运行，竟然没有兼容问题，大大超出我的预料，只能说 ReactNative 真香！

问题

项目构建使用的是 Expo 全家桶，这也给开发带来了很大便利，本地不用安装 Xcode 环境，打包也是走的 expo 线上打包。使用 Expo 缺点也是有的，就是很多 ReactNative 原生模块无法方便的使用，这就要看个人取舍了。

欢迎对 ReactNative 感兴趣的小伙伴一起讨论学习