Flutter 世界觀的兩大類 Widget

StatelessWidget

畫面渲染的時候,直接調度 build 方法。

StatefulWidget

畫面渲染的時候,分成兩個類別,一個是 StatefulWidget,一個是專屬於該 StatefulWidget 的 State,透過 State 內的 build 方法,進行畫面渲染。

下圖為StateFul Widget 的生命週期:

StateFul Widget Lifecycle
  • initState
    第一次建立元件時觸發,只執行一次。
  • didChangeDependencies
    若有使用 parent 父元件所共享的資料且資料有發生改變時,會觸發此方法。
  • didUpdateWidget
    當 parent 父元件的狀態改變時,會觸發此方法。
  • build
    繪製元件的內容。
  • setState
    重新繪製元件的內容。
  • deactivate
    釋放元件的資源,切換頁面時會觸發該方法。
  • dispose
    關閉元件時觸發該方法。

留言

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.