級(jí)別： ★☆☆☆☆
標(biāo)簽：「Flutter」「StatelessWidget 」「生命周期 」
作者： 沐靈洛
審校： QiShare團(tuán)隊(duì)

StatelessWidget是什么？

繼承自Widget,狀態(tài)不可變，用于描述UI展示中相對(duì)固定的部分，如純展示，不會(huì)被改變的UI。

abstract class StatelessWidget extends Widget {

  const StatelessWidget({ Key key }) : super(key: key);

  @override
  StatelessElement createElement() => StatelessElement(this);

 @protected
  Widget build(BuildContext context);
}

通過(guò)其類(lèi)的定義能夠看到StatelessWidget配置StatelessElement。

方法概述

• build方法：

描述：用于描述當(dāng)前widget所代表的UI。
調(diào)用時(shí)機(jī)： framework會(huì)使用build方法返回的widget注入當(dāng)前StatelessElement或通過(guò)Widget.canUpdate選擇合適的更新方式。
場(chǎng)景： build可能在如下三種場(chǎng)景會(huì)被調(diào)用。

1. StatelessElement也可以說(shuō)statelessWidget首次插入樹(shù)中時(shí)調(diào)用；
2. 父Widget改變了StatelessElement的widget時(shí)，即通過(guò)StatelessElement的update方法調(diào)用到。
3. 它所依賴(lài)的InheritedWidget改變時(shí)。

總結(jié)

StatelessWidget通過(guò)StatelessWidget.createElement()創(chuàng)建了StatelessElement，StatelessElement關(guān)聯(lián)了StatelessWidget，并使用StatelessWidget配置自身。其中StatelessElement將其build方法通過(guò)關(guān)聯(lián)的widget外放到StatelessWidget的實(shí)現(xiàn)中。因而他的生命周期依賴(lài)于StatelessElement，而StatelessElement的生命周期相對(duì)簡(jiǎn)單只有build，update。

為了能更好的理解StatelessWidget的生命周期，我畫(huà)了一張關(guān)于StatelessElement、Component、Element的關(guān)系圖。

`StatelessElement`、`Component`、`Element`的關(guān)系.png

Flutter中的Widget
Flutter中的Element（下篇）
Flutter中的Element（上篇）
iOS 解決 [NSURL fileURLWithPath:] 對(duì) # 的編碼問(wèn)題
Xcode 調(diào)整導(dǎo)航目錄字體大小b
Swift 5.1 (21) - 泛型
Swift 5.1 (20) - 協(xié)議
Swift 5.1 (19) - 擴(kuò)展
Swift 5.1 (18) - 嵌套類(lèi)型
淺談編譯過(guò)程