本节目标
- 需求分析
- 使用蓝湖平台作为标注工具
- 构建 Flutter 项目
视频
代码
https://github.com/ducafecat/flutter_learn_news/releases/tag/v1.0.1
1 需求说明
1.1 样式表
- 颜色
- 组件
- 图标
1.2 整理页面+组件列表
| 页面名称 | 组件数量 |
|---|---|
| 欢迎页 | 3 |
| 登录页 | 3 |
| 首页 | 6 |
| 搜索页 | 4 |
| 新闻页 | 4 |
1.3 排查技术点
- 数据拉取
- 图片懒加载
- 图片缓存
- 新闻、频道、搜索历史数据缓存
2 使用蓝湖平台作为标注工具
2.1 上传蓝湖
支持 Sketch、Adobe Photoshop、Adobe XD、设计图片 PNG
2.2 标注
2.3 代码提示
2.4 原型展示
3 构建 Flutter 项目
3.1 可复用小型项目结构
蓝湖设计稿
https://lanhuapp.com/url/lYuz1
密码: gSKl
蓝湖现在收费了，所以查看标记还请自己上传 xd 设计稿
商业设计稿文件不好直接分享, 可以加微信联系 ducafecat
git 代码
https://github.com/ducafecat/flutter_learn_news/releases/tag/v1.0.1
视频
参考
© 猫哥
微信: ducafecat
