组件:Container

属性说明:

alignment:child对齐方式,X轴,Y轴取值范围都为[-1.0,1.0]。
X轴:-1表示靠左,0居中,1靠右。
Y轴:-1表示靠顶部,0居中,1靠底部。


width:指定宽度大小。
height:指定高度大小。
constraints:盒子宽高约束,可指定最大宽度,最大高度。当最小宽度和最大宽度相等(eg:100px),则width属性无效,此时Container的宽度为100px.同样当最小高度和最大高度相等,则height属性无效。如果最大宽度小于最小宽度或最大最小宽度<0则报错。同样如果最大高度小于最小高度或最大最小高度<0则报错。


color:背景颜色。设置了color就不能设置decoration,否则报错。


decoration:背景装饰,可以绘制更复杂的背景内容。设置了decoration就不能设置color,否则报错。


foregroundDecoration:前景装饰,绘制在Container最上面。


transform:图形变换,接收一个Matrix4对象,可实现平移缩放旋转。


盒子模型

padding,margin不做过多介绍,看上图模型。
Border可通过设置decoration来指定。具体看下面代码:

new Container(
    decoration: new BoxDecoration(
         border: new Border.all(width: 10.0, color: Colors.black38)
    ),
    margin: const EdgeInsets.all(4.0),
    padding: const EdgeInsets.all(4.0),
    child: new Text('CONTENT'),
)

你可能感兴趣的:(组件:Container)