📌

【Flutter】覚えるウィジェットたち

2022/04/09に公開

後輩用のメモです。

Child(子供は一人タイプ)

Container(
 child:****()
)

Container / Sizedbox

特徴

  • 色とか、大きさとかを指定できる
Container(
 margin:
 padding:
 color:
 width:
 height
 child:****()
)

Padding

子供の余白を指定するのみ

Padding( #ウィジェットの定義
 padding:Edgeinsets.only(top:10,right:10,left:20) #定義されたウィジェットの設定値
 child:****()
)

Text

文字を出力するウィジェット

Text( #ウィジェットの定義
 "金子",
 style:TextStyle(
  color:Clors.white,
  fontsize:10,
)

Children(子供は複数タイプ)

Row(
 children:[ #[]で括る
  ****(),
  ****(),
  ****()
)

Column

子供たちを縦に並べるウィジェット

Column(
 children:[ 
  Container(),
  Container(),
  Containrer()
)

Row

子供たちを横に並べるウィジェット

Row(
 children:[ 
  Container(),
  Container(),
  Containrer()
)

Discussion