从前面的文章"Flutter入口runApp源码分析"我们知道,在WidgrtsFlutterBinding初始化以后,接着就会调用到WidgetsBinding
的scheduleAttachRootWidget
方法,scheduleAttachRootWidget
方法内部直接异步调用了attachRootWidget
,这个方法就是三棵树的起源。
直接上源码太枯燥,我们先来个时序图,跟着主步骤一步步来。
==================================================================
根据上面的时序图我们能清楚的看到,关于Flutter widget三棵树的起源就是在WidgetsBind的attachRootWidget方法之中。
=================================================================================
void attachRootWidget(Widget rootWidget) {
_readyToProduceFrames = true;
// 创建RenderObjectToWidgetAdapter,RenderObjectToWidgetAdapter是RenderObjectElement和Element的桥梁。
// 第一步
_renderViewElement = RenderObjectToWidgetAdapter(
container: renderView,
debugShortDescription: ‘[root]’,
child: rootWidget,
//第二部
).attachToRenderTree(buildOwner!, renderViewElement as RenderObjectToWidgetElement?);
}
attachRootWidget方法很简单,主要分为两步:
-
创建RenderObjectToWidgetAdapter
-
调用RenderObjectToWidgetAdapter的attachToRenderTree方法
很明显核心逻辑都在RenderObjectToWidgetAdapter
,RenderObjectToWidgetAdapter
,其实也是一个widget,初始化的时候将rootWidget传递过去,作为child,还有个参数就是renderView,实际上是一个RenderObject。而RenderObjectToWidgetAdapter
作为一个adapter的主要作用就是建立RenderObject,Element,Widget之间的桥梁。
RenderView
就是渲染树的根。
刚刚讲到这里RenderObjectToWidgetAdapter
就已经持有了rootWidget和rootRender两棵树的根节点,下面我们再来看,attachToRenderTree方法。
===================================================================================
RenderObjectToWidgetElement attachToRenderTree(BuildOwner owner, [ RenderObjectToWidgetElement? element ]) {
if (element == null) {
owner.lockState(() {
//创建rootElement
element = createElement();
assert(element != null);
element!.assignOwner(owner);
});
owner.buildScope(element!, () {
// 核心
element!.mount(null, null);
});
SchedulerBinding.instance!.ensureVisualUpdate();
} else {
element._newWidget = this;
element.markNeedsBuild();
}
return element!;
}
这个方法的核心逻辑也比较清晰,首先来解释下两个参数:
- BuildOwner owner
buildOwner来自WidgetsBinding初始化时实例化的BuildOwner实例
BuildOwner可以理解为widgets管理器,用于跟踪哪些widget需要重建,并且处理适用于整体widget树的其它任务,例如管理widget树的非活动元素列表,以及调试时热重载期间辟谣时触发重新组装
指令。通常由WidgetsBind创建和拥有。
- RenderObjectToWidgetElement? element
element也就是attachRootWidget
传递过来的renderViewElement,其值就是_renderViewElement自己,此时由于调用完appach才赋值,所以首次进来也是null。首次进来为null的时候,就会进入到createElement()逻辑,也就是创建RootElement。
======================================================================
我们继续看Element的mount
方法
@override
void mount(Element? parent, dynamic newSlot) {
super.mount(parent, newSlot);
_renderObject = widget.createRenderObject(this);
}
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
oid开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!