[Flutter]Containerの上部(top)のマージン(margin)を設定するには？

どうも、ちょげ(@chogetarou)です。

Containerの上部のマージンを設定する方法を紹介します。

方法

Containerの上部のマージンを設定するには、まず引数「margin」に「EdgeInsets.only()」を指定します。

そして、EdgeInsets.onlyの引数「top」で、上部のマージンを指定します。

Container(
  margin: EdgeInsets.only(
    top: /*上のマージン*/,
  ),
),

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              color: Colors.blue,
              height: 200,
              width: 200,
            ),
            Container(
              margin: EdgeInsets.only(
                top: 50,
              ),
              color: Colors.blue,
              height: 200,
              width: 200,
            ),
          ],
        ),
      ),
    );
  }