-
StatefulWidget | StatelessWidget 区别:
-
StatelessWidget无状态组件：初始化后无法修改其状态和UI
-
StatefulWidget有状态组件：在调用setState后，组件类会重新绘制。
- StatelessWidget自身组成
-
StatefulWidget是包含：StatefulWidget的子类（组建类）和State的子类（状态类）
-
-
StatefulWidget | StatelessWidget 共性:都继承自Widget
-
StatefulWidget使用
//组件类
class name extends StatefulWidget {
name({Key key}) : super(key: key);
_nameState createState() => _nameState();
}
//状态类
class _nameState extends State<name> {
@override
Widget build(BuildContext context) {
return Container(
child: child,
);
}
}
-
原码粗解：
//StatefulWidget继承自Widget，重写了一个方法，多了一个新方法
//管理子组件的组件树，一般是无需重写的
@override
StatefulElement createElement() => StatefulElement(this);
//为该组件创建可变状态，返回值是一个Diagnosticable的拓展抽象类State
@protected
State createState();
//Diagnosticable是基类--继承自Object
abstract class State extends Diagnosticable {
void setState(VoidCallback fn) {
...//各种异常判断略过
_element.markNeedsBuild();
}
//在调用setState之后会调用didUpdateWidget方法进行更新,真正的组件更新在此方法中进行
void didUpdateWidget(covariant T oldWidget) { }
}
//将该组件标记为'diray'，异步的去更新组件，已标记的组件无法再次更新。
void markNeedsBuild() {
...//各种异常判断略过
owner.scheduleBuildFor(this);
}
//将标记的组件添加到更新列表中
void scheduleBuildFor(Element element) {
...//更新完成后通知其他被标记的组件继续更新
onBuildScheduled();
}
//在组件更新的时候系统会调用一个update方法；
//
//在此方法中didUpdateWidget被调用
void update(StatefulWidget newWidget) {
super.update(newWidget);
assert(widget == newWidget);
final StatefulWidget oldWidget = _state._widget;
_dirty = true;
//（核心语句）框架会创建一个新的Widget,并绑定本State（复用State）
_state._widget = widget;
try {
//忽略其他更新调用,类似于线程保护，提高渲染性能
_debugSetAllowIgnoredCallsToMarkNeedsBuild(true);
//（核心语句）该方法一般用于比较新、老Widget，看看哪些属性改变了，并对State做一些调整。
final dynamic debugCheckForReturnedFuture = _state.didUpdateWidget(oldWidget) as dynamic;
}());
}finally {
//打开调用权限
_debugSetAllowIgnoredCallsToMarkNeedsBuild(false);
}
rebuild();
}
1.源码阅读后得到一个很重要的信息StatefulWidget和State的生命周期并不一样。在setState后创建新的newWidget，但State是复用。
2.在Flutter中Widget都是不可变的,所以在flutter中可变组件有Widget(UI)和State(管理状态)两个类组成。
-
Widget生命周期
转载自jzoom_flutter中的生命周期.png
大致可以看成三个阶段：
1. 初始化（插入渲染树）
2. 状态改变（在渲染树中存在）
3. 销毁（从渲染树种移除）
