## 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"), ) ], ), ); } } ```