Flutter 新闻客户端 - 01 需求分析、使用蓝湖标注工具、项目目录构建

B站视频

https://www.bilibili.com/vide...

本节目标

• 需求分析
• 使用蓝湖平台作为标注工具
• 构建 Flutter 项目

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/...

视频

• b 站
• 油管镜像

参考

• 蓝湖-上传设计图

---

© 猫哥

微信: ducafecat

https://ducafecat.tech