flutter的EdgeInsets

前言：

      flutter的EdgeInsets

目录

一、EdgeInsets 方法提供的四个属性：

二、项目中实际使用

三、官网介绍：入口

---

一、EdgeInsets 方法提供的四个属性：

fromLTRB(double left, double top, double right, doublebottom)：分别指定四个方向的填充。
all(double value) : 所有方向均使用相同数值的填充。
only({left, top, right ,bottom })：可以设置具体某个方向的填充(可以同时指定多个方向)。
symmetric({vertical, horizontal})：用于设置对称方向的填充，vertical指top和bottom，horizontal指left和right。

二、项目中实际使用

class PaddingTestRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      //上下左右各添加16像素补白
      padding: EdgeInsets.all(16.0),
      child: Column(
        //显式指定对齐方式为左对齐，排除对齐干扰
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Padding(
            //左边添加8像素补白
            padding: const EdgeInsets.only(left: 8.0),
            child: Text("Hello world"),
          ),
          Padding(
            //上下各添加8像素补白
            padding: const EdgeInsets.symmetric(vertical: 8.0),
            child: Text("I am Jack"),
          ),
          Padding(
            // 分别指定四个方向的补白
            padding: const EdgeInsets.fromLTRB(20.0,.0,20.0,20.0),
            child: Text("Your friend"),
          )
        ],
      ),
    );
  }
}

三、官网介绍：入口

EdgeInsets类 空安全

在四个基本方向的每个方向上不变的一组偏移量。

通常用于偏离盒子四个侧面中的每个侧面。例如，可以使用此类表示框内的填充。

所述EdgeInsets在视觉边缘的术语类指定偏移量，左，上，右，和底部。这些值不受TextDirection的影响 。为了同时支持从左到右和从右到左的布局，请考虑使用EdgeInsetsDirectional，它以 start，top，end和bottom的形式表示，其中start和end是通过TextDirection解析的（通常从环境方向性）。

关联

样本

以下是一些有关如何创建EdgeInsets实例的示例：

 

所有面的典型八像素边距：

任务

const EdgeInsets.all(8.0)

 

关联

样本

上下八个像素边距，无水平边距：

任务

const EdgeInsets.symmetric(vertical: 8.0)

 

关联

样本

左边界缩进40像素：

任务

const EdgeInsets.only(left: 40.0)

 

也可以看看：

• Padding，一个接受EdgeInsets来描述其边距的小部件。
• EdgeInsetsDirectional（用于接受EdgeInsetsGeometry类型的属性和参数）允许以TextDirection感知的方式指定水平插图。