前言
第1章 Flutter基礎知識/ 1
1.1移動跨端開發技術/ 2
1.1.1移動端應用開發的一般流程/ 2
1.1.2原生開發與跨端開發/ 4
1.1.3移動跨端開發技術的發展歷程/ 6
1.1.4跨端技術難點/ 7
1.2Flutter技術/ 9
1.2.1Flutter技術簡介/ 9
1.2.2Flutter整體架構/ 12
1.2.3Flutter與同類方案對比/ 14
1.3如何安裝Flutter SDK/ 15
1.4配置Flutter開發環境/ 19
1.4.1使用Android Studio進行Flutter開發/ 19
1.4.2使用Visual Studio Code進行Flutter開發/ 21
1.4.3使用在線環境進行Flutter開發/ 23
1.5創建個Flutter應用Hello World/ 24
1.5.1如何創建Flutter工程/ 24
1.5.2配置Android 模擬器與真機運行/ 26
1.5.3配置iOS模擬器與真機運行/ 28
第2章 Dart和Flutter核心概念——零基礎開發番茄鐘計時器/ 30
2.1番茄鐘計時器開發要點/ 31
2.2Dart語言快速上手/ 31
2.3什麼是Flutter組件化/ 32
2.3.1什麼是組件化思想/ 33
2.3.2無狀態組件StatelessWidget/ 33
2.3.3有狀態組件StatefulWidget/ 35
2.3.4組件的生命周期/ 35
2.3.5Material和Cupertino組件庫/ 38
2.4初識Flutter工程/ 39
2.4.1Flutter工程結構特點/ 39
2.4.2App組件——應用架構的基石/ 40
2.4.3Scaffold 組件——頁面的骨架/ 41
2.5開發番茄鐘/ 42
2.5.1使用Center組件進行居中顯示/ 43
2.5.2Text文本展示組件/ 44
2.5.3添加Timer 定時器/ 45
2.5.4為按鈕添加單擊事件控制番茄鐘開始/ 46
2.6番茄鐘知識擴展/ 48
第3章 自定義視圖和動畫——開發精美的擬物時鐘/ 50
3.1擬物時鐘開發要點/ 51
3.1.1使用Container 定制組件展示效果/ 51
3.1.2使用CustomPaint 創建Flutter自定義視圖/ 57
3.1.3Flutter動畫入門與擬物時鐘的開發流程/ 59
3.2基於Canvas和CustomPaint 繪制表盤/ 68
3.2.1使用Container 繪制外表盤/ 68
3.2.2使用Container 繪制內表盤/ 70
3.2.3使用CustomPaint 繪制表盤刻度/ 72
3.3基於CustomPaint 繪制指針/ 74
3.3.1使用CustomPaint 繪制時針與分針/ 74
3.3.2使用rotate Transform偏轉指針/ 77
3.3.3使用CustomPaint 繪制秒針/ 79
3.3.4使用CustomPaint 繪制中心裝飾物/ 80
3.4讓時針動起來/ 82
3.4.1使用DataTime獲取時間信息/ 82
3.4.2通過Timer定時器實現時間自動刷新/ 84
3.4.3通過RotationTransition實現指針轉動動畫/ 84
3.5擬物時鐘知識拓展/ 86
第4章 地圖＋傳感器——開發軌跡計步器/ 88
4.1軌跡計步器開發要點/ 89
4.1.1通過Flutter包管理導入擴展包/ 90
4.1.2Flutter Channel原生通信機制介紹/ 92
4.1.3Column、Row橫縱向布局組件介紹/ 97
4.1.4軌跡計步器開發流程/ 101
4.2創建軌跡計步器首頁/ 101
4.2.1創建軌跡計步器項目結構/ 101
4.2.2創建儀表面板組件/ 102
4.3基於Pedometer庫實現計步功能/ 108
4.3.1Pedometer計步器庫介紹/ 108
4.3.2通過Flutter Stream監聽步數/ 109
4.3.3實現軌跡計步器的計步功能/ 110
4.4基於geolocator庫實現定位功能/ 111
4.4.1geolocator定位庫介紹/ 112
4.4.2實現軌跡計步器的定位功能/ 112
4.4.3保存軌跡計步器的定位軌跡歷史/ 114
4.5基於flutter_map庫實現地圖功能/ 115
4.5.1flutter_map地圖庫介紹/ 115
4.5.2使用FlutterMap組件創建地圖/ 115
4.5.3通過MarkerLayerOptions 展示當前位置/ 117
4.5.4通過PolylineLayerOptions 繪制行進軌跡/ 118
4.6軌跡計步器知識拓展/ 119
第5章 Socket網絡通信——開發屬於自己的“微信”聊天工具/ 121
5.1聊天工具開發要點/ 122
5.1.1Dart Socket網絡通信框架/ 122
5.1.2Flutter圖片資源管理/ 124
5.1.3使用ListView展示長列表數據/ 125
5.1.4通過Navigator 進行頁面跳轉/ 127
5.1.5聊天工具開發流程/ 130
5.2創建首頁設置頁面/ 131
5.2.1搭建聊天工具Flutter工程/ 131
5.2.2基於NetworkInterface展示本機IP地址/ 133
5.2.3使用TextField實現Server設置項/ 135
5.2.4使用TextField實現Client設置項/ 138
5.3建立Socket通信/ 140
5.3.1創建消息Model並進行JSON序列化/ 140
5

前言
移動端開發領域經過多年發展，已經從新興走向完善。但開發效率不高一直是移動端開發的痛點。其中主要原因在於市面上存在Android、iOS兩套操作繫統，對於同一個應用，需要分別進行開發，造成冗餘的工作量。
移動跨端技術是解決這一核心難題的有效手段，也是移動端開發領域中熱門的前沿方向。移動跨端技術的核心在於通過跨端框架縮小平臺差異，提供一套統一的應用開發框架，並實現“一次編寫，處處運行”。
移動跨端技術經過多年的發展，誕生了多種解決方案，其中以Facebook推出的React Native為代表。但從這幾年的實際表現來看，跨端技術並沒有在行業實際應用中得到大規模推廣，而是仍然停留在嘗試、探索階段。尚不成熟。
Flutter作為一種新興的跨端開發技術，充分研究了之前跨端技術難以大規模推廣的難點，並通過先進的技術與巧妙的架構設計實現了突破，將移動跨端技術的發展向前推進了一大步。
Flutter一經推出便獲得廣泛關注，並迅速走熱。目前，越來越多的應用選擇Flutter跨端開發，也有越來越多的成功案例證明，采用Flutter跨端開發後確實提高了移動端的開發效率，實現了提高人效、降低成本的目標。
Flutter推出至今隻有兩年多的時間，在如此短的時間裡取得了這麼大的成就，未來的發展潛力是巨大的，甚至能為移動端開發行業帶來新的變革。
在當前這個時間點學習Flutter開發是非常明智的。首先，經過兩年多的發展，Flutter的功能已經日趨完善，其穩定性和開發效率得到了行業的充分認可，業界也有許多成功案例可供參考，消除了人們對這項新技術在可靠性上的顧慮。越來越多的大公司和創業團隊選擇使用Flutter作為核心技術棧。
同時，Flutter作為一門前沿技術，尚未在行業內全面普及，這意味著存在大量潛在業務場景，適合通過Flutter技術進行改進。這為廣大從業者提供了展現自己纔華的機會。
對於希望快速實現跨端落地的初創團隊來說，Flutter也是一個優選選項。Flutter技術不僅具備高開發效率，同時能夠開發出高性能、高跨端一致性、體驗豐富的原生應用。對於初創團隊來說，這是一個性價比非常高的解決方案。
Flutter作為一門全新的技術棧，其語言和框架都是全新的，並且知識體繫比較龐大，學習起來有一定的難度。對於初學者來說，迫切的願望是能夠快速上手，將理論知識轉化為實踐經驗，並在不斷的實踐中擴充完善知識體繫。
本書旨在幫助Flutter初學者實現這一願望。本書突出實戰的特點，通過精心編排的大量實例項目，手把手帶領讀者完成多個Flutter實際應用開發。按照循序漸進的順序對這些項目進行介紹，由淺入深，從初的簡單番茄計時器、擬物時鐘，直到後續的筆記應用、Todo應用、技術頭條應用，逐步帶領讀者開發出具備地圖、定位、網絡、數據庫、狀態管理等功能的復雜應用，終使讀者能夠掌握Flutter的中高級開發能力。

章節內容
本書共8章，通過多個實例項目帶領讀者快速入門Flutter開發。
第1章介紹了移動跨端技術的發展歷程，對Flutter技術進行了整體的綜述，並與同類技術方案進行了對比，後介紹了如何在不同繫統下搭建Flutter開發環境。
第2章介紹了Dart語言語法與Flutter的組件化思想，並介紹了Flutter項目的工程結構。後以一個番茄鐘實戰項目對整章內容進行鞏固。
第3章通過一個擬物時鐘實戰項目，帶領讀者學習Flutter自定義視圖繪制和動畫開發，同時介紹了Container等基礎布局組件。
第4章通過一個軌跡計步器項目，介紹了如何基於Flutter開源生態，快速擴展Flutter功能，並介紹了地圖、計步器傳感器、定位GPS插件的使用方式，常用的布局組件，以及如何使用Flutter進行界面開發。
第5章通過一個局域網聊天應用，介紹了如何開發網絡應用、如何管理Flutter圖片資源，並模擬了產品功能迭代的流程，以提高Flutter開發的實際經驗。
第6章通過一個Markdown筆記應用，介紹了如何對數據進行持久化、對數據進行JSON序列化，以及在Flutter中如何對Markdown進行輸入與展示，並在此基礎上介紹了應用架構分層的架構設計思想。
第7章通過一個Todo應用，介紹了在Flutter下數據庫的使用方式。整個項目按照現代化前端架構分層的思想進行設計，實現了單一數據源、單向數據流和響應式布局，具備良好的穩定性和擴展性。
第8章通過一個技術頭條項目，實現了一個基於HTTP協議的GitHub客戶端。通過實例介紹了如何進行復雜Feed流的開發。

本書特色
書中所選實例均為熱門應用類型，且為完整示例項目。在突出實戰性的同時，本書將Flutter開發的基礎知識安排在各個章節中，知識體繫覆蓋了Flutter開發中的常用知識，實現了理論與實踐相互助益的效果。通過這些實戰，讀者能夠快速熟悉上手，並能直接應用到工作中。書中同時也介紹了移動端架構和狀態管理等中高級主題。完成本書學習後，開發者能夠具備中高級Flutter應用開發水平。
本書適合不同層次的移動端開發工程師、前端開發工程師，以及希望快速入門Flutter移動端開發的讀者閱讀學習。

致謝
感謝本書的策劃編輯李培培老師，在她的指導與鼓勵下，我完成了本書的寫作。感謝家人對我的支持與鼓勵，特別感謝我的妻子，在我寫作的這近一年時間裡，一直陪伴著我，為家庭付出很多。感謝領導和同事們的幫助，讓我每天都在成長和進步。
由於本人技術水平有限，書中難免會有疏漏。歡迎大家批評、指正。反饋郵箱：maxieewong@gmail.com，勘誤信息會發布在作者的個人網站maxiee.github.io上。

互動地址
作者新浪微博：@Maxiee，歡迎共同討論Flutter技術。
QQ交流群：965765951。
書中實戰項目源碼，以及實戰項目介紹視頻下載地址：https://github.com/maxiee/flutter-book-examples。
作者博客地址：https://maxiee.github.io/。
作者GitHub：https://github.com/maxiee。