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

1,702 阅读1分钟

B站视频

www.bilibili.com/video/BV1J7…

本节目标

  • 需求分析
  • 使用蓝湖平台作为标注工具
  • 构建 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 可复用小型项目结构

蓝湖设计稿

lanhuapp.com/url/lYuz1 密码: gSKl

蓝湖现在收费了,所以查看标记还请自己上传 xd 设计稿 商业设计稿文件不好直接分享, 可以加微信联系 ducafecat

git 代码

github.com/ducafecat/f…

视频

参考


© 猫哥

微信: ducafecat

ducafecat.tech