Padding可以给其子节点添加填充(留白),和边距效果类似。
属性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。
例子
import 'package:flutter/material.dart';
class StudyPadding extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Padding"),
),
body: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.all(10),//上下左右各添加10像素空白
child: Text("诸神之战"),
),
Padding(
padding: const EdgeInsets.fromLTRB(200, 20, 0, 0),//左边200 顶部20
child: Text("心灵奇旅"),
),
Padding(
padding: const EdgeInsets.only(left: 30), //左边30
child: Text("成龙历险记"),
),
Padding(
padding: const EdgeInsets.symmetric(vertical: 50), //上下各50
child: Text("普罗米修斯"),
),
Text("_________________________________________________________"),
],
),
);
}
}
效果