文章已同步至掘金:https://juejin.cn/post/6844903956942946318
欢迎访问😃,有任何问题都可留言评论哦~
Flutter 中可以使用Padding
组件来给其子节点添加填充(留白),和边距的效果类似。
源码示例
构造函数如下:
Padding({
...
EdgeInsetsGeometry padding,
Widget child,
})
EdgeInsetsGeometry
是一个抽象类,开发中,我们一般都使用EdgeInsets
类,它是EdgeInsetsGeometry
的一个子类,定义了一些设置填充的便捷方法。
属性解释
EdgeInsets
EdgeInsets
提供的便捷方法:
-
fromLTRB(double left, double top, double right, double bottom)
:分别指定四个方向的填充。 -
all(double value)
: 所有方向均使用相同数值的填充。 -
only({left, top, right ,bottom })
:可以设置具体某个方向的填充(可以同时指定多个方向)。 -
symmetric({ vertical, horizontal })
:用于设置对称方向的填充,vertical
指top
和bottom
,horizontal
指left
和right
。
代码示例:
Padding(
//上下左右各添加50像素补白
padding: EdgeInsets.all(50.0),
child: Column(
//显式指定对齐方式为左对齐,排除对齐干扰
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Padding(
//左边添加25像素补白
padding: EdgeInsets.only(left: 25.0),
child: Text("xxxxxx"),
),
Padding(
//上下各添加25像素补白
padding: EdgeInsets.symmetric(vertical: 25.0),
child: Text("yyyyyy"),
),
Padding(
// 分别指定四个方向的补白
padding: EdgeInsets.fromLTRB(10.0, .0, 10.0, 10.0),
child: Text("zzzzzz"),
)
],
),
);
运行效果:
评论区