[Flutter]Container自体を右上(topRight)に表示するには？

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

Container自体を右上に表示する方法を紹介します。

方法

Container自体を右上に表示するには、まずContainerをAlignの引数「child」に指定します。

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

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

使用例

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