SizedBox class

939 ワード

箱の大きさを指定する部品.
これまでsizedBoxはマージンを作成するために使用されたと考えられていた.
この写真のようにするには、赤い長方形のような余白が必要ですが、このような見えない空間を作るためには、必要だと思います.

しかし、ボタンの大きさを調整したいときにも使用できることに気づきました.

これらのボタンを大きくまたは小さくすると、ボタン部品をsizedBoxで包んで所望の大きさに調整することができる.
SizedBox(
  width: 200,
  height: 100,
  child: MyButton(),
  )
このようにchildを包むと、childは指定幅、高さの大きさになります.
画面の幅または高さにサイズを設定する場合は、
double.あなたは無限遠を使うことができます.
)

outPut)

これで幅をスクリーンに調整できます.
高さも同じdoubleinfinityを使用して画面の高さを調整できます.
整理して、子供の有無を中心に分けることができます.
  • childが存在する場合、childのサイズを所望のサイズに調整することができる.
  • childが存在しない場合は、見えない空白のセルを作成できます.