Flutter是Google開發(fā)的新一代跨平臺方案，F(xiàn)lutter可以實(shí)現(xiàn)寫一份代碼同時運(yùn)行在iOS和Android設(shè)備上，并且提供很好的性能體驗(yàn)。Flutter使用Dart作為開發(fā)語言，這是一門簡潔、強(qiáng)類型的編程語言。Flutter對于iOS和Android設(shè)備，提供了兩套視覺庫，可以針對不同的平臺有不同的展示效果。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比勉縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式勉縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋勉縣地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。
Flutter原本是為了解決Web開發(fā)中的一些問題，而開發(fā)的一套精簡版Web框架，擁有獨(dú)立的渲染引擎和開發(fā)語言，但后來逐漸演變?yōu)橐苿佣碎_發(fā)框架。正是由于Dart當(dāng)初的定位是為了替代JS成為Web框架，所以Dart的語法更接近于JS語法。例如定義對象構(gòu)建方法，以及實(shí)例化對象的方式等。
在Google剛推出Flutter時，其發(fā)展很緩慢，終于在18年發(fā)布第一個Bate版之后迎來了爆發(fā)性增長，發(fā)布第一個Release版時增長速度更快。可以從Github上Star數(shù)據(jù)看出來這個增長的過程。在19年最新的Flutter 1.2版本中，已經(jīng)開放Web支持的Beta版。
Flutter不僅僅提供了一套視覺庫，在Flutter整體框架中包含各個層級階段的庫。例如實(shí)現(xiàn)一個游戲功能，上面一些游戲控件可以用上層視覺庫，底層游戲可以直接基于Flutter的底層庫進(jìn)行開發(fā)，而不需要調(diào)用原生應(yīng)用的底層庫。Flutter的底層庫是基于Open GL實(shí)現(xiàn)的，所以O(shè)pen GL可以做的Flutter都可以。
在此之前先推薦看大佬的: 填坑指導(dǎo)
iOS需要注意：
1、flutter2.0要求cocoapods 升級到1.9.0
詳情看這篇博客
2、原來flutter項(xiàng)目中的podfile文件是舊版本的ccocoapods了，刪除podfile和對應(yīng)的.lock，然后flutter項(xiàng)目重新運(yùn)行使用它自動生成的podfile文件
3、安裝CocoaPods
卸載cocoapods：sudo gem uninstall cocoapods
查看cocoapods版本：pod --version
指定版本安裝：
sudo gem install -n /usr/local/bin cocoapods -v 1.9.3（新MacOS系統(tǒng)升級）
不指定版本安裝
sudo gem install -n /usr/local/bin cocoapods
說明 :老項(xiàng)目sdk1.17.0===升級到2.0.1,當(dāng)前所有操作基于win平臺
到此為止環(huán)境已經(jīng)準(zhǔn)備妥當(dāng)，正式進(jìn)入項(xiàng)目修改。
所有的插件都要適配到空安全，插件是否支持均會有對應(yīng)說明Null safety,適配過程不確定版本的話，可以使用dio: any,適配完事后再在pubspec.lock文件中查看具體的版本修改過來,實(shí)在有部分插件沒有支持的，參考下面
部分插件在適配空安全的版本放棄維護(hù)了，得自行更新或?qū)ふ姨娲?，如?flutter_swiper 變?yōu)?flutter_swiper_null_safety ，插件更新后要注意項(xiàng)目中的用法是否需要更新
2.1.1: 以前采用的是 provide 插件共享全局?jǐn)?shù)據(jù),現(xiàn)在變化為 provider ，用法改變, 點(diǎn)擊參考 ，以防文章丟失，我重復(fù)一遍：
比如:
2.1.2: dio版本升級到4.0.0最新版后，部分用法改變
2.2.1
2.2.2
解決方案:
2.2.3
解決方案:
2.2.4
解決方案:
2.2.5
解決方案:
2.2.6
解決方案:
2.2.7
解決方案:
2.2.8
解決方案: child 換為sliver
2.2.8.1
解決方案: 項(xiàng)目目錄下: android--app-build.gradle --minSdkVersion改為:18 或者19
2.2.8.2
解決方案: 在pubspec.yarm管理里面添加:publish_to
2.2.8.3
解決方案: video_player升級后字段發(fā)生了變化，initialized字段更換為:isInitialized(_controller.value.isInitialized)
2.2.8.4
解決方案:
2.2.8.5
解決方案:
2.2.8.6
解決方案: 方案一:刪除ios目錄下的Podfile.lock 文件然后重新運(yùn)行 pod install命令
方案二:刪除ios目錄下的Podfile.lock與Podfile文件 重新運(yùn)行flutter run或flutter build ios
方案三:刪除ios目錄,重新運(yùn)行 flutter create . 命令，注意有"."這個符號不要忘記
2.2.8.7
這個報(bào)錯一般對應(yīng)的就是下面的報(bào)錯，注意看后面的報(bào)錯信息，看是哪個插件報(bào)錯。
解決方案: 把Podfile的版本注釋打開，改為platform :ios, '9.0' 或者是更高的版本
全局替換
1.將new List() 替換為[];
2.TextField的inputFormatters:[WhitelistingTextInputFormatter.digitsOnly] 替換為[FilteringTextInputFormatter.digitsOnly]
3.TextField的inputFormatters:[WhitelistingTextInputFormatter(RegExp("[a-z|A-Z|0-9]"))]替換為FilteringTextInputFormatter.allow(RegExp("[a-z|A-Z|0-9]"))
4.Stack組件中overflow: Overflow.visible改為 clipBehavior: Clip.none；overflow: Overflow.clip改為clipBehavior:Clip.hardEdge
5.ListWheelScrollView組件中clipToSize = false改為clipBehavior: Clip.none,clipToSize = true改為 Clip.hardEdge
6.TextField中maxLengthEnforced: true改為maxLengthEnforcement:MaxLengthEnforcement.enforced
7.FlatButton、RaisedButton、OutlineButton的變化： 官方參考
顏色的屬性發(fā)生了變化，由原來的Color 變?yōu)榱薓aterialStatePropertyColor, 這是未了解決不同狀態(tài)(pressed、hovered、focused、disabled)下按鈕顏色的變化
例如
8.出現(xiàn)如下警告
9.showSnackBar報(bào)錯誤
解決方案: Scaffold換為ScaffoldMessenger
10.textSelectionColor棄用
解決方案:
11.charts_flutter升級后屬性報(bào)錯
解決方案:
12.flutter 真機(jī)調(diào)試無法訪問網(wǎng)絡(luò)，dio報(bào)錯
解決方案:
android:
ios:
問題12完整參考
本文首發(fā)在公眾號 Flutter那些事 ，歡迎大家多多關(guān)注。
工具安裝：
Flutter基礎(chǔ)篇：
Flutter進(jìn)階篇：
Dart語法基礎(chǔ)篇：
Dart語法進(jìn)階篇：
說明：本文中的所有函數(shù)的引用在 main 函數(shù)中：
這里的執(zhí)行結(jié)果是：
Futue直接new就可以了。我這里沒有具體的返回?cái)?shù)據(jù)，所以就用匿名函數(shù)代替了， Future future = new Future(() = null); 相當(dāng)于 FutureNull future = new Future(() = null); 泛型如果為null可以省略不寫，為了便于維護(hù)和管理，開發(fā)中建議加上泛型。
輸出結(jié)果是：
future里面有幾個函數(shù)：
then ：異步操作邏輯在這里寫。
whenComplete ：異步完成時的回調(diào)。
catchError ：捕獲異?；蛘弋惒匠鲥e時的回調(diào)。
因?yàn)檫@里面的異步操作過程中沒有遇到什么錯誤，所以catchError回調(diào)不會調(diào)用。
我們可以看到執(zhí)行結(jié)果是：
我們可以看到輸出結(jié)果是： 2 1 3 和我們創(chuàng)建Future對象的先后順序完全一致。
我們可以看到結(jié)果為 1 2 3 ，和我們調(diào)用then的先后順序無關(guān)。：
當(dāng)then回調(diào)函數(shù)里面還有then回調(diào)的時候，這時候的流程跟前面就不太一樣了，也是一個大坑，也是面試經(jīng)常會被問到的一個知識點(diǎn)。
我們可以看到執(zhí)行結(jié)果如下：
結(jié)果還是一樣的：
運(yùn)行結(jié)果是：
這里再次證明了上面我的猜想： 執(zhí)行順序和和創(chuàng)建Future的先后順序有關(guān)，如果有多個then嵌套執(zhí)行，先執(zhí)行外面的then，然后執(zhí)行里面的then。
執(zhí)行結(jié)果如下，我們可以看到then內(nèi)部創(chuàng)建的Future要等到then執(zhí)行完了，最后再去執(zhí)行的：
根據(jù)上文總結(jié)的特點(diǎn)，我們可以不用運(yùn)行也能推斷出輸出結(jié)果：
為了驗(yàn)證我們的猜想，我們打印一下輸出結(jié)果，果然我們的證明是正確的。
我們重點(diǎn)看看 then函數(shù)的文檔說明：
then 注冊在 Future 完成時調(diào)用的回調(diào)。
當(dāng)這個 Future 用一個 value 完成時，將使用該值調(diào)用 onValue 回調(diào)。
如果 Future 已經(jīng)完成，則不會立即調(diào)用回調(diào)，而是將在稍后的 microtask（微任務(wù)） 中調(diào)度。
如果回調(diào)返回 Future ，那么 then 返回的 future 將與 callback 返回的 future 結(jié)果相同。
onError 回調(diào)必須接受一個參數(shù)或兩個參數(shù)，后者是[StackTrace]。
如果 onError 接受兩個參數(shù)，則使用錯誤和堆棧跟蹤時調(diào)用它，否則僅使用錯誤對象時候調(diào)用它。
onError 回調(diào)必須返回一個可用于完成返回的future的值或future，因此它必須是可賦值給 FutureOr R 的東西。
返回一個新的 Future ，該 Future 是通過調(diào)用 onValue (如果這個Future是通過一個value完成的)或' onError (如果這個Future是通過一個error完成的)的結(jié)果完成的。
如果調(diào)用的回調(diào)拋出異常，返回的 future 將使用拋出的錯誤和錯誤的堆棧跟蹤完成。在 onError 的情況下，如果拋出的異常與 onError 的錯誤參數(shù)“相同(identical)”，則視為重新拋出，并使用原始堆棧跟蹤替代
如果回調(diào)返回 Future ，則 then 返回的 Future 將以與回調(diào)返回的 Future 相同的結(jié)果完成。
如果未給出 onError ，并且后續(xù)程序走了剛出現(xiàn)了錯誤，則錯誤將直接轉(zhuǎn)發(fā)給返回的 Future 。
在大多數(shù)情況下，單獨(dú)使用 catchError 更可讀，可能使用 test 參數(shù)，而不是在單個 then 調(diào)用中同時處理 value 和 error 。
請注意，在添加監(jiān)聽器(listener)之前， future 不會延遲報(bào)告錯誤。如果第一個 then 或 catchError 調(diào)用在 future 完成后發(fā)生 error ，那么 error 將報(bào)告為未處理的錯誤。
Here are the event flow:
The event flow will be discussed in two parts: the frontend implemented in flutter and the FlowySDK implemented in Rust.
Presentation Layer :
Application Layer :
Domain Layer :
Infrastructure Layer :
富文本編輯器
數(shù)據(jù) model 生成器，支持注解方式
顏色選取工具
簡化小組件定義
全局訪問你的業(yè)務(wù)對象，你可以拆分業(yè)務(wù)和 UI
? 貓哥
重慶分公司
重慶分公司
