[Flutter]Icon(アイコン)を右(right)に寄せる(align)には？

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

アイコンを右に寄せる方法を紹介します。

方法

Iconを右に寄せるには、Alignウェジェットを使います。

まず、IconをAlignのchildに指定します。

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

Align(
  alignment: Alignment.centerRight,
  child: Icon(/*アイコン*/),
),

これでアイコンを右に寄せることが出来ます。

以下は、使用例です。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Align(
        alignment: Alignment.centerRight,
        child: Icon(
          Icons.flutter_dash,
          color: Colors.blue,
          size: 200,
        ),
      ),
    );
  }