一:padding组件是一个基础控件,不像Container这种组合控件。Container中的margin以及padding属性其实都是利用Padding控件去实现的,padding组件属性不多,作用就是为子元素撑开边距。
new Padding(
padding: new EdgeInsets.all(8.0),
child: new Card(child: new Text('Hello World!')),
)
二:align组件本身实现的功能并不复杂,设置child的对齐方式,例如居中、居左居右等,并根据child尺寸调节自身尺寸。
new Align(
//对齐方式,居中、居左居右
alignment: Alignment.center,
//宽度因子
widthFactor: 2.0,
//高度因子
heightFactor: 2.0,
child: new Text("Align"),
)
Alignment的属性:
- bottomCenter:下部居中对齐。
- bottomRight:下部右对齐。
- bottomLeft: 下部左对齐。
- center:纵横双向居中对齐。
- centerLeft:纵向居中横向居左对齐。
- centerRight:纵向居中横向居右对齐。
- topLeft:顶部左侧对齐。
- topCenter:顶部居中对齐。
- topRight: 顶部居左对齐。
如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。
三:center组件是一个可以居中对齐,是中心定位控件,能够将子控件放在其内部中心。
属于基础布局组件。
new Center(
//宽度因子
widthFactor:2,
//高度因子
heightFactor:2,
child: new Text("center"),
)
如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。