😺

[Flutter] LayoutBuilder

2022/12/23に公開

https://youtu.be/IYDVcriKjsw
https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html

LayoutBuilder

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

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

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

Discussion