[Flutter]Container自体の位置を中央に寄せるには？

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

Container自体を中央に寄せる方法を紹介します。

方法

Container自体を中央に寄せる方法は２つあります。

Center

１つは、Centerを使う方法です。

具体的には、ContainerをCenterの「child」に指定します。

Center(
  child: Container(),
),

Align

もう１つは、Alignウェジェットを使う方法です。

まず、ContainerをAlignの「child」に指定します。

そして、Alignの引数「alignment」に「Alignment.center」を指定します。

Align(
  alignment: Alignment.center,
  child: Container(),
),

まとめ

Container自体を中央に寄せるには、CenterもしくはAlignを使います。