Flutter 的生命週期

2021-10-10 21:32:05 字數 955 閱讀 5025

如果你是 android、ios、react、vue 的開發人員,那麼你一定不會對生命週期感到陌生,當你在學習 flutter 的時候,flutter 也有自己的生命週期。本篇文章就講講 flutter 的生命週期,從而知道應該在**來寫業務邏輯。

flutter 的生命週期分為兩個部分:

widget 的生命週期

flutter 裡的 widget 分為 statelesswidget 和 statefulwidget 兩種,這兩種 widget 的生命週期是不一樣的,我們接下來具體來看。

statelesswidget 的生命週期

statelesswidget 的生命週期只有乙個,就是:

statefulwidget 的生命週期

statefulwidget 的生命週期比較複雜,依次為:

接下來具體介紹一下各個生命週期。

state 的類 mix widgetsbindingobserver:

class _myhomepagestate extends statewith widgetsbindingobserver 

複製**

在 state 的initstate裡新增監聽:

@override

void initstate()

複製**

在 state 的dispose裡移除監聽:

@override

void dispose()

複製**

@override

// went to background

} // came back to foreground

}}複製**

flutter 生命週期

通過build 渲染 state初始化時會依次執行 建構函式 initstate didchangedependencies widget build 此時頁面載入完成。呼叫次數 1次 這個函式嚴格意義上來講不屬於生命週期的一部分,因為這個時候state的widget屬性為空,無法在建構函式中訪問w...

Flutter 的生命週期

如果你是 android ios react vue 的開發人員,那麼你一定不會對生命週期感到陌生,當你在學習 flutter 的時候,flutter 也有自己的生命週期。本篇文章就講講 flutter 的生命週期,從而知道應該在 來寫業務邏輯。flutter 的生命週期分為兩個部分 widget ...

React 生命週期 生命週期方法

生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中,完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法,接受...