《Flutter 控件大全》第五十六个：LayoutBuilder

• 如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。
• 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。
• Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。

有时我们希望根据组件的大小确认组件的外观，比如竖屏的时候上下展示，横屏的时候左右展示，通过LayoutBuilder组件可以获取父组件的约束尺寸。

用法如下：

LayoutBuilder(
  builder: (BuildContext context, BoxConstraints constraints) {
    var color = Colors.red;
    if (constraints.maxHeight > 100) {
      color = Colors.blue;
    }
    return Container(
      height: 50,
      width: 50,
      color: color,
    );
  },
)

当设置父组件的宽高大于100时显示蓝色，小于100时显示红色。