Flutte部件目录-布局

排列其它部件列,行,网格和许多其它布局。

  • 单子部件布局部件
  • 多子部件布局部件
  • 布局助手

单子部件布局部件

Container

一个方便的小部件,结合了常见的绘画,定位和尺寸小部件。

Padding

通过给定的填充来插入其子的小部件。

Center

一个将自己的子部件集中在自己的中心的部件。

Align

一个部件,它自己内部排列它的子部件,并根据子部件的大小自行选择大小。

FittedBo

根据身材,将自己的孩子缩放并放置在自身内部。

AspectRatio

试图根据特定长宽比调整子部件大小的部件。

ConstrainedBox

一个部件对其子部件进行额外的约束。

Baseline

根据子部件的基线定位孩子的小部件。

FractionallySizedBox

一个部件,将其子部件的体积缩小到可用空间的一部分。有关布局算法的更多详细信息,请参阅RenderFractionallySizedOverflowBox。

IntrinsicHeight

一个部件,它根据孩子的内在高度调整孩子的大小。

IntrinsicWidth

一个部件,它将孩子的尺寸调整为孩子的内在宽度。

LimitedBox

只有当它不受约束时才会限制它的大小。

Offstage

一个部件可以让子部件像在部件树中一样,但是不需要绘画任何东西,也不需要将孩子用于点击测试,也不需要在父项中占用任何空间。

OverflowBox

一个部件对它的子项施加了不同于其父项的约束,可能允许子项溢出父项。

SizedBox

具有指定大小的框。 如果给定孩子,这个小部件强制它的孩子有一个特定的宽度和/或高度(假设这个小部件的父母允许这个值)。 如果宽度或高度为空,则此小部件将自行调整大小以匹配该维度中的子级大小。

SizedOverflowBox

一个具有特定大小的小部件,但将其原始约束传递给其子级,这可能会溢出。

Transform

绘制其子级之前应用转换的小部件。

CustomSingleChildLayout

将其单个孩子的布局延迟到代理的部件。

多子部件布局部件

Row

在水平方向上布局子部件的列表。

Column

在垂直方向上布局子部件的列表。

Stack

如果你想以一种简单的方式重叠几个子部件,这个类很有用,例如有一些文字和图像,用梯度和底部附加的按钮叠加。

IndexedStack

显示一个子部件列表中的单个子部件的堆栈。

GridView

可滚动的2D小部件阵列。

Flow

实现流布局算法的小部件。

Table

为其子项使用表格布局算法的小部件

Wrap

一个小部件,它以多个水平或垂直运行显示其子项。

ListBody

一个小部件,它沿着一个给定的轴顺序排列它的子元素,强制它们到另一个轴的父元素的维度。

ListView

可滚动的线性小部件列表。 ListView是最常用的滚动小部件。 它在滚动方向上一个接一个地显示其子项。 在交叉轴上,子部件们需要填充ListView。

CustomMultiChildLayout

一个使用代理来调整尺寸和定位多个子项的小部件。

布局助手

 LayoutBuilder

构建一个可以依赖父控件尺寸的控件树。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Web 开发

2014年CSS报告

国外有人把Alex的TOP1000的CSS给爬了一遍,然后做了一些统计,蛮有意思的。

1070
来自专栏IMWeb前端团队

搞定这些疑难杂症,向css3动画说yes

本文篇幅比较长,涉及到的知识点也比较多,如3d,动画性能,动画js事件等,参考文献及demo展示也比较多,所以建议pc阅读效果更佳。 动画库 到现在来说css3...

2938
来自专栏前端知识分享

第64天:CSS常用命名规范,有用!

1353
来自专栏韩宇波的专栏

表格行与列边框样式处理的原理分析及实战应用

最近需求中有用到table,并在做需求的过程中遇到table border的问题,在空余的时间把遇到的问题进行探索一番,收获颇多,特此分享;

8951
来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

1613
来自专栏司想君

浅淡HTML5移动Web开发

说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了we...

4105
来自专栏Thinks

表格边框你知多少

table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时,如何让浏览器按照自己意...

6945
来自专栏数据小魔方

Xcelsius系列的1——初识动态仪表盘

今天是Xcelsius系列的第一篇——初识动态仪表盘。 该案例将会讲解一个简单的电信公司月度业务分析数据模型,通过本案例你可以简单的了解水晶易表中的图表部件(柱...

3055
来自专栏腾讯社交用户体验设计

你离高效制作动画只差一篇文章的距离

1562
来自专栏IMWeb前端团队

移动端重构实战系列6——icon与图片

本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 ”本系列教程为实战教程,是本人移动端重构经验及思想的一次总结,也是对sand...

1955

扫码关注云+社区

领取腾讯云代金券