Tag: widget

  • Flutter 世界觀的兩大類 Widget

    Flutter 世界觀的兩大類 Widget

    StatelessWidget

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

    StatefulWidget

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

    下圖為StateFul Widget 的生命週期:

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