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