Flutter 基础篇（十一）—— 布局组件

最新推荐文章于 2023-07-04 13:24:57 发布

很菜的前端

最新推荐文章于 2023-07-04 13:24:57 发布

阅读量172

点赞数

分类专栏： Flutter 基础篇

本文链接：https://blog.csdn.net/weixin_41030302/article/details/102583434

版权

本文介绍了Flutter中的布局组件，这些组件用于组织和排列子组件。布局组件基于RenderObject树构建，包括三种主要类型，文章提及布局组件是直接或间接继承自BoxConstraints的RenderObject。虽然未详尽所有细节，但讨论了布局组件的关键概念。

摘要由CSDN通过智能技术生成

布局组件是指包含一个或多个子组件的组件，不同的布局组件对子组件的排列方式不同。

在前面的文章有提到，Element 树才是最终的绘制树，它是由 Widget 树来创建的，Widget 只是 Element 的配置数据。在 Flutter 中，根据 Widget 是否需要包含子节点将 Widget 分为三类，分别对应三种 Element ：

Widget	对应的 Element	用途
`LeadRenderObjectWidget`	`LeafRenderObjectElement`	`Widget` 树的子节点，用于没有子节点的 `Widget`
`SingleChildRenderObjectWidget`	`SingleChildRenderObjectElement`	包含一个子 `Widget`
`MultiChildRenderObjectWidget`	`MultiChildRenderObjectElement`	包含多个子 `Widget` ，一般都有一个 `children` 参数，接受一个 `Widget` 数组

关注

专栏目录