Flutter 狀態(tài)管理指北

狀態(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)景粹湃,下面是我自己接觸并使用過的一些方案恐仑。

  1. setState 適用于較小規(guī)模 widget 的暫時(shí)性狀態(tài)的基礎(chǔ)管理方法,非澄基礎(chǔ)一定要會(huì)裳仆。
  2. InheritedWidget 組件樹中不同層級(jí)間的 widget 通信的基礎(chǔ)方法,就是跨組件傳遞共享數(shù)據(jù)孤钦,它是 Provider 等狀態(tài)管理方案的底層實(shí)現(xiàn)歧斟,也必須理解透徹。( 7.2:數(shù)據(jù)共享(InheritedWidget) · 《Flutter實(shí)戰(zhàn)》 )
  3. Provider 官方推薦的初學(xué)者狀態(tài)管理方案偏形,基于 InheritedWidget 實(shí)現(xiàn)构捡,非常好理解而且不需要寫很多代碼。( 7.3: 跨組件狀態(tài)共享(Provider) ) 這篇文章會(huì)帶你使用 InheritedWidget 實(shí)現(xiàn)一個(gè)最小功能的 Provider壳猜,可以更深的了解 Provider勾徽。
  4. BLoC 是基于流來管理數(shù)據(jù),并將試圖和業(yè)務(wù)邏輯分離统扳,跟 Provider 很像喘帚,也是基于 InheritedWidget 實(shí)現(xiàn)。
  5. 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 )
  6. 阿里直播這個(gè)是咸魚團(tuán)隊(duì)關(guān)于 flutter 狀態(tài)管理 和 Fish Redux 的直播分享回放乌昔,非常推薦觀看隙疚。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市磕道,隨后出現(xiàn)的幾起案子供屉,更是在濱河造成了極大的恐慌,老刑警劉巖溺蕉,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件伶丐,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡疯特,警方通過查閱死者的電腦和手機(jī)哗魂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漓雅,“玉大人录别,你說我怎么就攤上這事」使瑁” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵纵搁,是天一觀的道長(zhǎng)吃衅。 經(jīng)常有香客問我,道長(zhǎng)腾誉,這世上最難降的妖魔是什么徘层? 我笑而不...
    開封第一講書人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮利职,結(jié)果婚禮上趣效,老公的妹妹穿的比我還像新娘。我一直安慰自己猪贪,他們只是感情好跷敬,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著热押,像睡著了一般西傀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上桶癣,一...
    開封第一講書人閱讀 51,301評(píng)論 1 301
  • 那天拥褂,我揣著相機(jī)與錄音,去河邊找鬼牙寞。 笑死饺鹃,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播悔详,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼镊屎,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了伟端?” 一聲冷哼從身側(cè)響起杯道,我...
    開封第一講書人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎责蝠,沒想到半個(gè)月后党巾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡霜医,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年齿拂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肴敛。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡署海,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出医男,到底是詐尸還是另有隱情砸狞,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布镀梭,位于F島的核電站刀森,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏报账。R本人自食惡果不足惜研底,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望透罢。 院中可真熱鬧榜晦,春花似錦、人聲如沸羽圃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽朽寞。三九已至胚吁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間愁憔,已是汗流浹背腕扶。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吨掌,地道東北人半抱。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓脓恕,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親窿侈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子炼幔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354