[Flutter]Container(コンテナ)のマージン(margin)を設定するには？

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

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

方法

Containerのマージンを設定するには、引数「margin」を使います。

具体的には、引数「margin」に「EdgeInsets.all(/*マージン*/)」を設定します。

Container(
  margin: EdgeInsets.all(/*マージン*/),
),

使用例

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