広告

Flutterラボの

プレミアム会員になる

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

2020.12.22

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

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

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

ConstrainedBox(
 constraints: BoxConstraints(minWidth: 1300, minHeight: 430)
 child: Container(
   width: double.infinity,
   height: screenHeight,
   child: child
 )
)
Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)