[Flutter]Containerを画面いっぱいにするには？

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

Containerを画面いっぱいにする方法を紹介します。

方法

Containerを画面いっぱいにするには、MediaQueryを使います。

具体的な方法としては、MediaQuery.of(context).sizeの「width」と「height」で横幅と高さを設定します。

Container(
  width: MediaQuery.of(context).size.width,
  height: MediaQuery.of(context).size.height,
 child: /*Child*/,
),

Container(
  width: MediaQuery.of(context).size.width * 0.95,
  height: MediaQuery.of(context).size.height * 0.95,
  child: /*Child*/,
),