見出し画像

【Flutter】ウィジェットの大きさの最大値と最小値を決める(ConstrainedBox)

画面の大きさによってウィジェットの大きさを変更する場合、想定しているよりも画面が大きい場合や小さい場合に、表示が崩れてしまうおそれがあります。

そういった際には、予めウィジェットサイズの最大値と最小値を決めておくと、想定した範囲内の表示をさせることが可能です。

ウィジェットをConstrainedBoxで囲い、constraintsプロパティで指定することで、大きさの最大最小値を決定することができます。

ConstrainedBox(
 constraints: BoxConstraints(minWidth: 1300, minHeight: 430)
 child: Container(
   width: double.infinity,
   height: screenHeight,
   child: child
 )
)

この記事が気に入ったらサポートをしてみませんか?