本节目标

  • 需求分析
  • 使用蓝湖平台作为标注工具
  • 构建 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

https://ducafecat.tech