组件：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')
)
复制代码

转载于:https://juejin.im/post/5bf20c286fb9a049c6437124