[Flutter]Rowのchildrenを中央(center)寄せにするには？

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

Row内のウェジェットを中央に寄せて配置する方法を紹介します。

方法
使用例
1. 関連

方法

Rowのchildrenを中央に寄せて配置するには、引数「mainAxisAlignment」を使います。

具体的には、Rowの引数「mainAxisAlignment」に「MainAxisAlignment.center」を指定します。

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    ・・・
  ],
),

引数「mainAxisAlignment」を使うことで、Rowのchildrenを中央に寄せて配置することが出来ます。

使用例

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Container(
      height: 100,
      width: 100,
      color: Colors.blue,
    ),
    Container(
      height: 100,
      width: 100,
      color: Colors.yellow,
    ),
    Container(
      height: 100,
      width: 100,
      color: Colors.pink,
    ),
  ],
),