【Flutter原理】三棵树的诞生与核心流程

// 创建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方法。

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。

mount分析

======================================================================

我们继续看Element的mount方法

@override

void mount(Element? parent, dynamic newSlot) {

super.mount(parent, newSlot);

_renderObject = widget.createRenderObject(this);

}

这个方法里面我们只需要关注createRenderObject方法，该方法通过调用RenderObjectToWidgetAdapter的createRenderObject返回的其实就是RenderObjectToWidgetAdapter的container成员。也就是渲染树的根节点。

其实讲到这里widget三棵树的根我们已经清楚了，对应为：

• Widget 树

根结点是 RenderObjectToWidgetAdapter（继承自 RenderObjectWidget extends Widget），我们 runApp 中传递的 Widget 树就被追加到了这个树根的 child 属性上。

• Element 树

根结点是 RenderObjectToWidgetElement（继承自 RootRenderObjectElement extends RenderObjectElement extends Element），通过调用 RenderObjectToWidgetAdapter 的 createElement 方法创建，创建 RenderObjectToWidgetElement 的时候把 RenderObjectToWidgetAdapter 通过构造参数传递进去，所以 Element 的 _widget 属性值为 RenderObjectToWidgetAdapter 实例，也就是说 Element 树中 _widget 属性持有了 Widget 树实例。RenderObjectToWidgetAdapter 。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

这次面试问的还是还是有难度的，要求当场写代码并且运行，也是很考察面试者写代码
因为Android知识体系比较庞大和复杂的，涉及到计算机知识领域的方方面面。在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

外链图片转存中…(img-vSj3m3nP-1712830395731)]
里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！