[Flutter]Card(カード)のマージン(margin)を設定するには？

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

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

方法
使用例

方法

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

具体的には、Cardの引数「margin」にマージンの指定をします。

マージンの指定は、EdgeInsetsで行います。

Card(
  margin: /*EdgeInsetsでマージンを指定*/,
),

これでCardのマージンを指定することが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Card(
              margin: EdgeInsets.all(20),//全ての方向に２０のマージン
              color: Colors.blue,
              child: ListTile(
                title: Text('Item 1'),
              ),
            ),
            Card(
              margin: EdgeInsets.all(30),
              color: Colors.green,
              child: ListTile(
                title: Text('Item 2'),
              ),
            ),
            Card(
              margin: EdgeInsets.only(
                top: 20, //上
                right: 10, //右
                bottom: 0, //下
                left: 10, //左
              ),
              color: Colors.yellow,
              child: ListTile(
                title: Text('Item 3'),
              ),
            ),
          ],
        ),
      ),
    );
  }