Flutter Container(容器)

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),
)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容