いつサイズボックスを使用しますか?

ボタンの幅と高さを設定できないことはわかっていますが、ボタンの幅と高さをカスタマイズする必要がある場合は、それをSizeBox 使用して

1.SizeBox の属性と説明

シリアルナンバー	分野	属性	説明
1	幅	ダブル	ボックス幅
2	身長	ダブル	ボックスの高さ

1.expand()

できるだけ大きな箱を作る

const SizedBox.expand({ Key? key, Widget? child })
  : width = double.infinity,
    height = double.infinity,
    super(key: key, child: child);

2.シュリンク()

空き箱を作る

const SizedBox.shrink({ Key? key, Widget? child })
  : width = 0.0,
    height = 0.0,
    super(key: key, child: child);

3.fromSize()

指定したサイズのボックスを作成する

SizedBox.fromSize({ Key? key, Widget? child, Size? size })
  : width = size?.width,
    height = size?.height,
    super(key: key, child: child);

子コンポーネントのコンテンツが親コンポーネントのサイズを超える場合、FittedBox コンポーネントの役割は、子コンポーネントのズームと配置を設定することです。

シリアルナンバー	分野	属性	説明
1	フィット	ボックスフィット	サブコンポーネントのズーム位置調整
2	アラインメント	配置ジオメトリ	サブコンポーネントの配置
3	クリップ動作	クリップ	子コンポーネントのコンテンツをクリップする方法

シリアルナンバー	属性	説明
1	塗りつぶし	スケーリングが不均等です。ピクチャがコントロール全体を埋め尽くします
2	含む	画像の高さまたは幅がコントロールをいっぱいにするまで比例してスケーリングします
3	カバー	ピクチャの幅と高さがコントロール全体に収まるまで、比例してスケーリングします。ピクチャがコントロールの範囲を超えることはできますが、不完全な表示になります。
4	フィット幅	比例してスケーリングされ、幅がいっぱいになります
5	適合高さ	比例してスケーリングされ、高さが塗りつぶされます
6	なし	不均等なスケーリング、元の画像サイズを保持し、中央に表示
7	スケールダウン	比例スケーリング、2 つのスケーリング方法、1 つ目は`contain`画像のサイズがコントロールよりも大きい場合のレイアウトを採用し、2 つ目は画像の幅と高さがコントロールよりも小さい場合のレイアウトを採用します`none`

alignment 主にサブコンポーネントの配置を設定するために使用されます

シリアルナンバー	属性	説明
1	なし	モードクロッピングなし、通常の効果
2	ハードエッジ	アンチエイリアシングなしでクリップ
3	アンチエイリアス	アンチエイリアシングによるクリッピング
4	antiAliasWithSaveLayer	アンチエイリアシングでクリッピングし、クリッピング直後にレイヤーを保存

SizeBox 主に、ボタンの幅と高さを設定する必要がある場合など、サブコントロールのサイズを制限するために使用されます。

FittedBox 主に、サブコントロールのスケーリング、整列、およびクリッピング操作に使用されます。