狀態(tài)(state)管理對(duì)于做移動(dòng)端開發(fā)的同學(xué)可能會(huì)比較陌生
移動(dòng)端開發(fā)的同學(xué)大部分用的都是命令式框架(例如 Android SDK 或者 iOS UIKit),部分同學(xué)可能用過響應(yīng)式編程框架音比,如:ReactiveCocoa安券、ReactiveX 系列 (RxSwift沦寂、RxKotlin刊咳、RxJava) 秘遏。
用過 React/Vue 的前端同學(xué)可能對(duì)聲明式編程和狀態(tài)管理會(huì)熟悉些蛛勉,因?yàn)?flutter 跟他們很像鹿寻,可以說是一樣的思想。
學(xué)習(xí) flutter 首先就是命令式編程到聲明式編程的轉(zhuǎn)變
- 命令式編程:一步一步告訴計(jì)算機(jī)先做什么再做什么诽凌。
- 聲明式編程:告訴計(jì)算機(jī)需要計(jì)算“什么”而不是“如何”去計(jì)算毡熏。
拿 flutter 聲明式 UI 舉例,命令式編程你可能會(huì)手動(dòng)構(gòu)建一個(gè) UI 實(shí)例侣诵,比如一個(gè) UIView 或其他類似的痢法,在隨后 UI 發(fā)生變化時(shí),使用方法或 Setter 修改它杜顺。而 flutter 正好相反财搁,flutter 使用 widgets 描述 UI,當(dāng)用戶界面發(fā)生變化時(shí)躬络,flutter 不會(huì)修改舊的實(shí)例妇拯,而是構(gòu)造新的 widget 實(shí)例,當(dāng)然為了性能只會(huì)構(gòu)造需要構(gòu)造實(shí)例,這一切都是由框架來計(jì)算完成的越锈。
flutter 構(gòu)建的用戶界面其實(shí)就是應(yīng)用的當(dāng)前狀態(tài)仗嗦,說白了就是數(shù)據(jù)和試圖的綁定,形成一種映射關(guān)系甘凭,數(shù)據(jù)的變化驅(qū)動(dòng)視圖的變化稀拐,當(dāng)應(yīng)用的狀態(tài)(也就是數(shù)據(jù))發(fā)生改變時(shí)(例如,用戶在設(shè)置界面中點(diǎn)擊了一個(gè)開關(guān)選項(xiàng))就會(huì)觸發(fā)用戶界面的重繪丹弱,用新的狀態(tài)構(gòu)建新的界面德撬。
因?yàn)?flutter 應(yīng)用是響應(yīng)式/聲明式的,所以就需要一個(gè)狀態(tài)管理框架來進(jìn)行狀態(tài)(state)管理躲胳,否則等應(yīng)用達(dá)到一定規(guī)模蜓洪,狀態(tài)多的時(shí)候,就會(huì)造成難以維護(hù)的局面坯苹,狀態(tài)管理很復(fù)雜隆檀,目前 flutter 有多種狀態(tài)管理解決方案,適用不同的開發(fā)場(chǎng)景粹湃,下面是我自己接觸并使用過的一些方案恐仑。
- setState 適用于較小規(guī)模 widget 的暫時(shí)性狀態(tài)的基礎(chǔ)管理方法,非澄基礎(chǔ)一定要會(huì)裳仆。
- InheritedWidget 組件樹中不同層級(jí)間的 widget 通信的基礎(chǔ)方法,就是跨組件傳遞共享數(shù)據(jù)孤钦,它是 Provider 等狀態(tài)管理方案的底層實(shí)現(xiàn)歧斟,也必須理解透徹。( 7.2:數(shù)據(jù)共享(InheritedWidget) · 《Flutter實(shí)戰(zhàn)》 )
- Provider 官方推薦的初學(xué)者狀態(tài)管理方案偏形,基于 InheritedWidget 實(shí)現(xiàn)构捡,非常好理解而且不需要寫很多代碼。( 7.3: 跨組件狀態(tài)共享(Provider) ) 這篇文章會(huì)帶你使用 InheritedWidget 實(shí)現(xiàn)一個(gè)最小功能的 Provider壳猜,可以更深的了解 Provider勾徽。
- BLoC 是基于流來管理數(shù)據(jù),并將試圖和業(yè)務(wù)邏輯分離统扳,跟 Provider 很像喘帚,也是基于 InheritedWidget 實(shí)現(xiàn)。
- Fish Redux 是咸魚開源的一個(gè)基于 Redux 數(shù)據(jù)管理的組裝式 flutter 應(yīng)用框架咒钟, 特別適用于構(gòu)建中大型的復(fù)雜應(yīng)用吹由,非常適合團(tuán)隊(duì)開發(fā),因?yàn)樗峁┑慕y(tǒng)一的編碼范式朱嘴,統(tǒng)一團(tuán)隊(duì)編碼風(fēng)格倾鲫,非常方便后期開發(fā)維護(hù)粗合,團(tuán)隊(duì)開發(fā)非常推薦。( 阿里云云棲號(hào):2億用戶背后的Flutter應(yīng)用框架Fish Redux )
- 阿里直播這個(gè)是咸魚團(tuán)隊(duì)關(guān)于 flutter 狀態(tài)管理 和 Fish Redux 的直播分享回放乌昔,非常推薦觀看隙疚。