[Flutter]Container(コンテナ)自体の位置(position)を左(left)に寄せる(align)には？

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

Container自体の位置を左に寄せる方法を紹介します。

方法

Container自体の位置を左に寄せるには、まず「Align」の「child」に「Container」を指定します。

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

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

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Align(
        alignment: Alignment.centerLeft,
        child: Container(
          width: 200,
          height: 200,
          color: Colors.blue,
        ),
      ),
    );
  }