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

缺乏、安全感 2021-09-20 10:50 208阅读 0赞

> 紧接上文，这次列出的是一些拥有单个子元素的布局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干货大全。

更多资源请访问：

[超详细图文搭建个人免费博客][Link 1]

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

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

![在这里插入图片描述][20181106111014905.png]

[Link 1]: https://blog.csdn.net/xudailong_blog/article/details/78762262
[20181106111014905.png]: /images/20210529/ec1f074711de400e81438069712870e6.png