新建一个flutter项目，在cursor打开

效果

豆包生成开屏页 在这里插入图片描述

随便选择一个图片
在这里插入图片描述

然后告诉cursor 我要使用一个图片作为启动页面
在这里插入图片描述
cursor帮我们 写的
在这里插入图片描述
需要我们在根目录下新建一个assets文件夹并且导入图片
在这里插入图片描述
在这里插入图片描述
执行提示的命令
这里没有全屏 在这里插入图片描述
告诉cursor 图片没有充满全屏
在这里插入图片描述
在这里插入图片描述

完善首页

让豆包生成了一个首页

在这里插入图片描述
额 因为生成的图片不够清晰，所以生成的页面如下
在这里插入图片描述

告诉cursor 让食物图正常显示，移除食物图下面的内容，增加一些历史记录条目，条目有两个类型，食物或者运动。如果是食物，则显示就餐时间是午餐还是早餐或者晚餐或者额外，显示记录时间，显示卡路里。如果是运动，则显示运动类型，运动时长，记录时间，消耗热量。要求带有运动主题元素。
在这里插入图片描述
告诉cursor 移除记录信息下面的卡片
在这里插入图片描述
告诉cursor 底部增加一个提示，请按时吃饭哦～，也不要忘了适当的运动。
在这里插入图片描述
告诉 cursor 两个按钮文案进行修改，左侧为饮食，右侧为运动，带有新增记录的含义，颜色符合整体背景色，但能明显区分
在这里插入图片描述
告诉 cursor 按钮点击时增加一些交互效果

在这里插入图片描述

记录页面

告诉cursor 新增两个页面，分别对应两个按钮点击后的跳转页面为记录饮食页面和记录运动页面

在这里插入图片描述
告诉 cursor 两个记录页面的保存记录按钮有点难看
在这里插入图片描述
在这里插入图片描述
告诉 cursor 当保存记录后，在首页显示记录的信息，默认展示当天的，可以选择日期来查看其它天的，数据在本地做持久化存储(首页没展示)
告诉cursor 记录完成后首页没展示

在这里插入图片描述

基本上完成了记录功能，切换日期还能查看其它日期的
在这里插入图片描述
在这里插入图片描述

优化

告诉 cursor 记录饮食的页面，我不想要输入了，想要选择功能，可以选择多个食物，自动计算卡路里，帮我生成一些食物的数据。

在这里插入图片描述

增加健康卡片功能

告诉cursor 首页增加一个功能入口，功能为健康卡片
在这里插入图片描述
告诉 cursor 新建一个页面健康推荐，点击首页的健康卡片可跳转进入
在这里插入图片描述
感觉很不错啊 还贴心的引入了当天的数据
在这里插入图片描述

图标和app名称

告诉cursor 我想要换个图标，并且将app名称换成运动健康

找豆包生成一个

在这里插入图片描述

打包到安卓

flutter build apk

打包后发现开屏图好像没充满，继续找cursor就行，这里我没有处理。

在线网站生成器https://bolt.new/

生成了一个下载页面 兼容手机和pc
apk

在这里插入图片描述

打包到web

flutter build web

在线体验地址

macos 效果

xcode懒得升级，看运行效果
在这里插入图片描述

ios

没打包，没升级xcode

# 前端
Logo
乐奇 Rokid 开放社区

更多推荐

AI 智能眼镜的柔性神经，开启轻量化人机交互新世代

AI 智能眼镜的核心诉求，是在接近传统眼镜的轻薄体积内，塞进 AI 主控芯片、摄像头、麦克风阵列、骨传导 / 扬声器、光波导显示模组、触控传感器、电池、蓝牙 / Wi-Fi 射频模块等大量器件。随着 AI 眼镜出货量快速上行，鹏鼎、弘信、则成等国内 FPC 厂商纷纷布局 AI 眼镜软板、软硬结合板量产方案，单机 FPC 价值量显著高于 TWS 耳机，带动国内柔性线路板供应链升级，倒逼国内厂商突破超

avatar 乐奇 Rokid 开放社区
cover

一期一会 | 什么是抬头显示器（HUD）？

avatar 乐奇 Rokid 开放社区

听书阁：让你在 AR 眼镜上也可以读小说

戴上眼镜之后我才发现，"翻页"是个需要用手完成的动作。手机上有触屏，滑动、点按、长按选词，一整套肌肉记忆。到了 AR 眼镜上这些全没了：视野只有一小块，手上可能还拎着东西，能稳定输入的只剩嘴和眼镜腿上的几颗按键。把手机阅读器原样搬过来没有意义，得重新想一遍"读一本书"在眼镜上该拆成哪几个动作。听书阁就是这次重想的产物。它跑在 Rokid Craft 上，用 AIUI 的 Ink 写页面，四个页面加

avatar 乐奇 Rokid 开放社区