[Flutter]Containerのchildを左下(bottom left)に表示するには？

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

Containerのchildを左下に表示する方法を紹介します。

方法

Containerのchildを左下に表示するには、Containerの引数「alignment」に「Aallignment.bottomLeft」を指定します。

Container(
  alignment: Alignment.bottomLeft,
  child: /*ウェジェット*/,
),

これでContainerのchildが左下に表示されるようになります。

以下は、使用例です。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          alignment: Alignment.bottomLeft,
          width: 300,
          height: 300,
          color: Colors.blue,
          child: Container(
            color: Colors.pink,
            width: 100,
            height: 100,
          ),
        ),
      ),
    );
  }