前言:
flutter的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解析的(通常从环境方向性)。
样本
任务
const EdgeInsets.all(8.0)
样本
上下八个像素边距,无水平边距:
任务
const EdgeInsets.symmetric(vertical: 8.0)
样本
左边界缩进40像素:
任务
const EdgeInsets.only(left: 40.0)
也可以看看:
- Padding,一个接受EdgeInsets来描述其边距的小部件。
- EdgeInsetsDirectional(用于接受EdgeInsetsGeometry类型的属性和参数)允许以TextDirection感知的方式指定水平插图。