Flutter之 State 生命周期

State 的生命周期心俗,指的是在用戶參與的情況下,其關(guān)聯(lián)的 Widget 所經(jīng)歷的币厕,從創(chuàng)建到顯示,再到更新最后到停止芽腾,直至銷毀等各個階段

不同的階段涉及到特定的任務(wù)處理

State 的生命周期流程如下圖所示

file

由圖可知:State 的生命周期可以分為三個階段:創(chuàng)建(插入視圖樹)旦装、更新(在視圖樹中存在)、銷毀(從視圖樹中移除)

創(chuàng)建

State 初始化時會依次執(zhí)行:構(gòu)造方法 -> initState -> didChangeDependencies -> build摊滔,隨后完成頁面渲染

  • 構(gòu)造方法:State 生命周期的起點阴绢,F(xiàn)lutter 會通過調(diào)用 StatefulWidget.createState() 來創(chuàng)建一個 State〔言兀可以通過構(gòu)造方法旱函,來接收父 Widget 傳遞的初始化 UI 配置數(shù)據(jù),而這些配置數(shù)據(jù)描滔,決定了 Widget 最初的呈現(xiàn)狀態(tài)
  • initState:在 State 對象被插入視圖樹時調(diào)用棒妨。在 State 的生命周期中只會被調(diào)用一次,因此可以在 initState 函數(shù)中做一些初始化操作
  • didChangeDependencies:專門用來處理 State 對象依賴關(guān)系變化含长,會在 initState() 調(diào)用結(jié)束后調(diào)用
  • build:構(gòu)建視圖券腔。經(jīng)過構(gòu)造方法、initState拘泞、didChangeDependencies 后纷纫,F(xiàn)ramework 認(rèn)為 State 已經(jīng)準(zhǔn)備就緒,于是便調(diào)用 build陪腌。在 build 中辱魁,需要根據(jù)父 Widget 傳遞過來的初始化配置數(shù)據(jù)及 State 的當(dāng)前狀態(tài)烟瞧,創(chuàng)建一個 Widget 然后返回
更新

Widget 的狀態(tài)更新,主要由 setState染簇、didChangeDependencies 和 didUpdateWidget 觸發(fā)

  • setState:當(dāng)狀態(tài)數(shù)據(jù)發(fā)生變化時参滴,可以通過調(diào)用 setState 方法告訴 Flutter 使用更新后數(shù)據(jù)重建 UI
  • didChangeDependencies:State 對象的依賴關(guān)系發(fā)生變化后,F(xiàn)lutter 會回調(diào)該方法锻弓,隨后觸發(fā)組件構(gòu)建砾赔。State 對象依賴關(guān)系發(fā)生變化的典型場景:系統(tǒng)語言 Locale 或應(yīng)用主題改變時,系統(tǒng)會通知 State 執(zhí)行 didChangeDependencies 回調(diào)方法
  • didUpdateWidget:Widget 的配置發(fā)生變化時青灼,或熱重載時暴心,系統(tǒng)會回調(diào)該方法

一旦這三個方法被調(diào)用,F(xiàn)lutter 隨后便會銷毀舊的 Widget杂拨,并調(diào)用 build 方法重建 Widget

銷毀

組件銷毀相對創(chuàng)建和更新而言更簡單专普。比如頁面銷毀時或是組件被移除時,系統(tǒng)會調(diào)用 deactivate 和 dispose 這兩個方法扳躬,來移除或銷毀組件

  • 當(dāng)組件的可見狀態(tài)發(fā)生變化時脆诉,deactivate 方法會被調(diào)用,這時 State 會被暫時從視圖樹中移除贷币。
    注意:頁面切換時击胜,由于 State 對象在視圖樹中的位置發(fā)生了變化,需要先暫時移除后再重新添加役纹,重新觸發(fā)組件構(gòu)建偶摔,因此也會調(diào)用 deactivate 方法
  • 當(dāng) State 被永久地從視圖樹中移除時,F(xiàn)lutter 會調(diào)用 dispose 方法促脉,而一旦 dispose 方法被調(diào)用辰斋,組件就要被銷毀了,因此可以在 dispose 方法中進行最終的資源釋放瘸味、移除監(jiān)聽宫仗、清理環(huán)境等工作
file
file
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市旁仿,隨后出現(xiàn)的幾起案子藕夫,更是在濱河造成了極大的恐慌,老刑警劉巖枯冈,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毅贮,死亡現(xiàn)場離奇詭異,居然都是意外死亡尘奏,警方通過查閱死者的電腦和手機滩褥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來炫加,“玉大人瑰煎,你說我怎么就攤上這事铺然。” “怎么了丢间?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵探熔,是天一觀的道長。 經(jīng)常有香客問我烘挫,道長,這世上最難降的妖魔是什么柬甥? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任饮六,我火速辦了婚禮,結(jié)果婚禮上苛蒲,老公的妹妹穿的比我還像新娘卤橄。我一直安慰自己,他們只是感情好臂外,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布窟扑。 她就那樣靜靜地躺著,像睡著了一般漏健。 火紅的嫁衣襯著肌膚如雪嚎货。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天蔫浆,我揣著相機與錄音殖属,去河邊找鬼。 笑死瓦盛,一個胖子當(dāng)著我的面吹牛洗显,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播原环,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼挠唆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了嘱吗?” 一聲冷哼從身側(cè)響起玄组,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎柜与,沒想到半個月后巧勤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡弄匕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年颅悉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片迁匠。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡剩瓶,死狀恐怖驹溃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情延曙,我是刑警寧澤豌鹤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站枝缔,受9級特大地震影響布疙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜愿卸,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一灵临、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧趴荸,春花似錦儒溉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至酝豪,卻和暖如春涛碑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背寓调。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工锌唾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人夺英。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓晌涕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親痛悯。 傳聞我的和親對象是個殘疾皇子余黎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容