😺

[Flutter] LayoutBuilder

2022/12/23に公開

https://youtu.be/IYDVcriKjsw

LayoutBuilder

LayoutBuilder は、外観の最終決定前にウィジェットのサイズを知るために使われる。context & constraints に対するパラメータを持つビルダー機能
これらが、ウィジェットの有効な幅と高さの範囲となる

Widget build(BuildContext context){
 return LayoutBuilder(
  builder : (context, constraints){
   if (constraints.maxWidth < 600){
    return MyOneColumnLayout();
   }else{
    return MyTwoColumnLayout();
   }
  },
 ),
}

この場合、Widthが６００より小さければ、１つのColumn
それ以上であれば、２つのColmunが横に並べられるようなIf文を書いてる

Discussion