级别： ★☆☆☆☆
标签：「Flutter」「StatelessWidget 」「生命周期 」
作者： 沐灵洛
审校： QiShare团队
StatelessWidget是什么？
继承自Widget,状态不可变，用于描述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。
调用时机： framework会使用build方法返回的widget注入当前StatelessElement或通过Widget.canUpdate选择合适的更新方式。
场景： build可能在如下三种场景会被调用。
-
StatelessElement也可以说statelessWidget首次插入树中时调用； - 父
Widget改变了StatelessElement的widget时，即通过StatelessElement的update方法调用到。 - 它所依赖的
InheritedWidget改变时。
总结
StatelessWidget通过StatelessWidget.createElement()创建了StatelessElement，StatelessElement关联了StatelessWidget，并使用StatelessWidget配置自身。其中StatelessElement将其build方法通过关联的widget外放到StatelessWidget的实现中。因而他的生命周期依赖于StatelessElement，而StatelessElement的生命周期相对简单只有build，update。
为了能更好的理解StatelessWidget的生命周期，我画了一张关于StatelessElement、Component、Element的关系图。
`StatelessElement`、`Component`、`Element`的关系.png
关注我们的途径有：
QiShare(简书)
QiShare(掘金)
QiShare(知乎)
QiShare(GitHub)
QiShare(CocoaChina)
QiShare(StackOverflow)
QiShare(微信公众号)
Flutter中的Widget
Flutter中的Element（下篇）
Flutter中的Element（上篇）
iOS 解决 [NSURL fileURLWithPath:] 对 # 的编码问题
Xcode 调整导航目录字体大小b
Swift 5.1 (21) - 泛型
Swift 5.1 (20) - 协议
Swift 5.1 (19) - 扩展
Swift 5.1 (18) - 嵌套类型
Swift 5.1 (17) - 类型转换与模式匹配
浅谈编译过程
奇舞团安卓团队——aTaller
奇舞周刊
网友评论