Container是一個容器組件,在大多數(shù)時候,是使用它做一些變形、邊距、之類的包裹層。

new Container(
width: 200.0,
height: 200.0,
margin: const EdgeInsets.all(20.0),
decoration: new BoxDecoration(
color: Colors.blue[400],
borderRadius: new BorderRadius.all(
const Radius.circular(100.0),
),
boxShadow: <BoxShadow>[
new BoxShadow(
spreadRadius: 1.0,
blurRadius: 5.0,
offset: const Offset(0.6, 1.2),
color: Colors.black26,
)
]
),
),

Container 有以下常用屬性:
- alignment → AlignmentGeometry - 對子組件(child)的對齊方式。
- child → Widget - 子組件。
- constraints → BoxConstraints - 對子組件的其他限制條件。
- decoration → Decoration - 用于描述子組件。
- foregroundDecoration → Decoration - 用于描述子組件前景。
- margin → EdgeInsetsGeometry - 外邊距。
- padding → EdgeInsetsGeometry - 內(nèi)邊距。
- transform → Matrix4 - 對 Container 的外形進行轉(zhuǎn)換。
ConstrainedBox
ConstrainedBox 是一個帶約束的容器,只有 width,height 的大小約束。
new ConstrainedBox(
constraints: new BoxConstraints(
maxHeight: 100.0,
maxWidth: 100.0,
minHeight: 50.0,
minWidth: 50.0
),
child: new Image.network(this.imgsrc),
)