Flutter拥有单个子元素的布局Widget

本文介绍了Flutter中最常用的单个子元素布局Widget,包括Container、Padding、Center、Align、Baseline、Offstage和SizedBox,并强调了它们各自的功能,如Container的绘制和定位,Center的居中显示等。同时,文章提示读者可以通过查看源码来深入理解这些Widget的具体用法。

紧接上文,这次列出的是一些拥有单个子元素的布局Widget

主要的布局Widget有:
Container:常用的,一个拥有绘制、定位、调整大小的 widget。
Padding:常用的,一个widget, 会给其子widget添加指定的填充
Center:常用的,将其子widget居中显示在自身内部的widget
Align:一个widget,它可以将其子widget对齐,并可以根据子widget的大小自动调整大小。
FittedBox:按自己的大小调整其子widget的大小和位置。
AspectRatio:一个widget,试图将子widget的大小指定为某个特定的长宽比
ConstrainedBox:对其子项施加附加约束的widget
Baseline:根据子项的基线对它们的位置进行定位的widget。
FractionallySizedBox:一个widget,它把它的子项放在可用空间的一小部分。
IntrinsicHeight:一个widget,它将它的子widget的高度调整其本身实际的高度
IntrinsicWidth:一个widget,它将它的子widget的宽度调整其本身实际的宽度
LimitedBox:一个当其自身不受约束时才限制其大小的盒子
Offstage:一个布局widget,可以控制其子widget的显示和隐藏。
OverflowBox:对其子项施加不同约束的widget,它可能允许子项溢出父级。
SizedBox:一个特定大小的盒子。这个widget强制它的孩子有一个特定的宽度和高度。如果宽度或高度为NULL,则此widget将调整自身大小以匹配该维度中的孩子的大小。
SizedOverflowBox:一个特定大小的widget,但是会将它的原始约束传递给它的孩子,它可能会溢出。
Transform:在绘制子widget之前应用转换的widget。
CustomSingleChildLayout:一个自定义的拥有单个子widget的布局widget

最常用的布局widget应该是下面几个:

(1) Container:(绘制、定位,调整大小)
(2)Padding:(给子widget填充)
(3)Center:(子widget居中)
(4)Align:(子widget对其,根据子widget的大小自动调整大小)
(5)Baseline:(准线)
(6)Offstage:(子widget显示与隐藏)
(7)SizedBox:常用于10dp的边距

具体的使用还烦请翻下源码。


关注「蛇崽网盘教程资源」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。

更多资源请访问:

超详细图文搭建个人免费博客

关注「蛇崽网盘教程资源」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。

在微信后台回复「130个小程序」,即可免费领取享有导入就能跑的微信小程序

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值