[Flutter]Column(カラム)を横幅いっぱい(full width)にするには？

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

SizedBoxやContainerを使っている時に横幅を、画面の幅いっぱいに設定する方法を紹介します。

方法

Columnを横幅いっぱいにするには、「double.infinity」を使います。

まず、SizedBoxやContainerでColumnをラップします。

そして、SizedBoxもしくはContainerの引数「width」に「double.infinity」を指定します。

SizedBox( //Containerでも同じ
  width: double.infinity,
  child: Column(
    children: [
      ・・・
    ],
  ),
),

これでColumnをの横幅を画面いっぱいに設定することが出来ます。