flutter入坑指南(二)

撸完hello world 顿时世界都清净了,瞬时感觉已经精通flutter的安装了。

言归正传,在整个flutter框架里万事万物都是widget,那就从StatefulWidget 和 StatelessWidget入手,两者之间到底有什么差异,以及在什么场景下如何使用。

在flutter中所有控件都是以树状结构进行渲染,在main方法中会初始化顶端节点并装载,该节点会成为我们app的根结点,后续的节点将被嵌套或者直接挂载到该节点下,Widget初始化的时候会调用Widget.createElement 方法生成Element,紧接着框架会调用mount方法将element插入到父级节点下,mount方法主要是负责填充子节点或者子树同时还会调用attachRenderObject方法来渲染需要进行渲染的renderObject。渲染成功后父节点会根据state的状态决定是否修改子节点或者子树,如果需要修改则会调用update方法,当然如果子树中有控件调用了deactivateChild 父节点将会移除该子树或节点,这时会出发系统的deactive方法,当新的控件被修改后同样会出发系统的activate方法,如果控件的转台为inactive则会调用unmount方法

flutter入坑指南(二)_第1张图片

控件渲染的过程中同步读取State的数据,在控件的整个生命周期中可能会被多次改变,如果想要State的数据变化能够被控件知晓需要调用State.setState方法

StatefullWidget使用场景:UI需要动态改变或者要依赖内部的时钟状态或者要依赖其他的系统状态才能完成控件的渲染

StatelessWidget适用于只需要依赖控件的配置信息就能完成控件的渲染

StatelessWidget->build()方法是在widget被插入到控件树或者依赖的其他控件发生变化的时候才会被调用。

StatefullWidget没有build方法,在框架设计的时候build方法被放到了State中,有多种情况可以出发build方法:

 1.initState 方法被调用后会触发 

2.didUpdateWidget被执行后会触发 

3.依赖的子树的State发生改变同样会触发

 4.deactivate方法被调用后重新将控件插入到控件树的其他位置也会被触发

你可能感兴趣的:(flutter入坑指南(二))