Flutter 開發實例解析

王睿（網名Maxiee）

Android開發工程師，現就職於某一線互聯網公司。
曾負責參與多款商業項目移動端的研發，有豐富的移動端開發經驗。
過去3年主要研究移動跨端領域，對React Native、
Flutter 等跨端方案均有深入研究，並在商業項目中實現大規模落地。
同時也作為核心作者推出自研跨端方案Hummer，目前已開源，並在業界得到廣泛應用。

前言
章Flutter基礎知識
1.1移動跨端開發技術
1.1.1移動端應用開發的一般流程
1.1.2原生開發與跨端開發
1.1.3移動跨端開發技術的發展歷程
1.1.4跨端技術難點
1.2 Flutter技術
1.2.1 Flutter技術簡介
1.2.2 Flutter整體架構
1.2.3 Flutter與同類方案對比
1.3如何安裝Flutter SDK
1.4配置Flutter開發環境
1.4.1使用Android Studio進行Flutter開發
1.4.2使用Visual Studio Code進行Flutter開發
1.4.3使用在線環境進行Flutter開發
1.5創建個Flutter應用Hello World
1.5.1如何創建Flutter工程
1.5.2配置Android模擬器與真機運行
1.5.3配置iOS模擬器與真機運行

第2章Dart和Flutter核心概念——零基礎開發番茄鐘計時器
2.1番茄鐘計時器開發要點
2.2 Dart語言快速上手
2.3什麼是Flutter組件化
2.3.1什麼是組件化思想
2.3.2無狀態組件StatelessWidget
2.3.3有狀態組件StatefulWidget
2.3.4組件的生命週期
2.3.5 Material和Cupertino組件庫
2.4初識Flutter工程
2.4.1 Flutter工程結構特點
2.4 .2 App組件——應用架構的基石
2.4.3 Scaffold組件——頁面的骨架
2.5開發番茄鐘
2.5.1使用Center組件進行居中顯示
2.5.2 Text文本展示組件
2.5.3添加Timer定時器
2.5.4為按鈕添加單擊事件控制番茄鐘開始
2.6番茄鐘知識擴展

第3章自定義視圖和動畫——開發精美的擬物時鐘
3.1擬物時鐘開發要點
3.1.1使用Container定制組件展示效果
3.1.2使用CustomPaint創建Flutter自定義視圖
3.1.3 Flutter動畫入門與擬物時鐘的開發流程
3.2基於Canvas和CustomPaint繪製錶盤
3.2.1使用Container繪製外錶盤
3.2.2使用Container繪製內錶盤
3.2.3使用CustomPaint繪製錶盤刻度
3.3基於CustomPaint繪製指針
3.3.1使用CustomPaint繪製時針與分針
3.3.2使用rotate Transform偏轉指針
3.3.3使用CustomPaint繪製秒針
3.3.4使用CustomPaint繪製中心裝飾物
3.4讓時針動起來
3.4.1使用DataTime獲取時間信息
……
第4章地圖+傳感器——開發軌跡計步器
第5章Socket網絡通信——開發屬於自己的“微信”聊天工具
第6章數據持久化——開發一款支持Markdown的“印象筆記”
第7章SQLite數據庫——開發一款“奇妙清單”Todo應用
第8章Http+WebView——開發“技術頭條”讓技術先人一步