🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## Padding 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。 ### 示例 ``` 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"), ) ], ), ); } } ```