Open2021/03/23にコメント追加2

【Flutter】Constraints問題集

ピン留めされたアイテム

ListView とか SingleChildScrollView とかでconstraintsエラーになることが多いので、
こういうWidget使ったらこんなConstraintsになるよ的な問題集を作りたい
って意思表示です。

return先はMaterialAppのScaffoldとします。

筆者も勉強しながら作ってるので、全てを信用しないでください。

気が向いたら更新していきます。

1. 基礎編

1-1

return Container();

A. 1-1

1-1 Answer

width: MediaQuery.of(context).size.width
height: MediaQuery.of(context).size.height

Containerはchildを持たないときできるだけ大きくなろうとします。

1-2

return Container(
  width: 100,
  height: 100
);

A. 1-2

1-2 Answer

width: MediaQuery.of(context).size.width
height: MediaQuery.of(context).size.height

Containerで制限を書いても、Screenは神様なので絶対です。
画面いっぱいまで広がります。

1-3

return Column();

1-4

return ListView();