級別： ★☆☆☆☆
標簽：「Flutter」「StatelessWidget 」「生命周期 」
作者： 沐靈洛
審校： QiShare團隊
StatelessWidget是什么？
繼承自Widget,狀態(tài)不可變，用于描述UI展示中相對固定的部分，如純展示，不會被改變的UI。
abstract class StatelessWidget extends Widget {
const StatelessWidget({ Key key }) : super(key: key);
@override
StatelessElement createElement() => StatelessElement(this);
@protected
Widget build(BuildContext context);
}
通過其類的定義能夠看到StatelessWidget配置StatelessElement。
方法概述
-
build方法：
描述：用于描述當前widget所代表的UI。
調(diào)用時機： framework會使用build方法返回的widget注入當前StatelessElement或通過Widget.canUpdate選擇合適的更新方式。
場景： build可能在如下三種場景會被調(diào)用。
-
StatelessElement也可以說statelessWidget首次插入樹中時調(diào)用； - 父
Widget改變了StatelessElement的widget時，即通過StatelessElement的update方法調(diào)用到。 - 它所依賴的
InheritedWidget改變時。
總結(jié)
StatelessWidget通過StatelessWidget.createElement()創(chuàng)建了StatelessElement，StatelessElement關(guān)聯(lián)了StatelessWidget，并使用StatelessWidget配置自身。其中StatelessElement將其build方法通過關(guān)聯(lián)的widget外放到StatelessWidget的實現(xiàn)中。因而他的生命周期依賴于StatelessElement，而StatelessElement的生命周期相對簡單只有build，update。
為了能更好的理解StatelessWidget的生命周期，我畫了一張關(guān)于StatelessElement、Component、Element的關(guān)系圖。
Flutter中的Widget
Flutter中的Element（下篇）
Flutter中的Element（上篇）
iOS 解決 [NSURL fileURLWithPath:] 對 # 的編碼問題
Xcode 調(diào)整導航目錄字體大小b
Swift 5.1 (21) - 泛型
Swift 5.1 (20) - 協(xié)議
Swift 5.1 (19) - 擴展
Swift 5.1 (18) - 嵌套類型
淺談編譯過程
