go to index

约束、尺寸、位置

read time 1 min read
flutter tutorials flutter layout

布局原则

向下传递约束、向上传递尺寸、最后父级得到尺寸之后决定每个元素放在哪里

例如下面的例子,[root]向下传递一个紧约束(尺寸位屏幕的宽度和高度),所以Container设置的widthheight没有生效,Center组件向FlutterLogo设置了位置信息,所以FlutterLogo被居中展示

约束概念

  1. 紧约束:尺寸的最小值和尺寸的最大值相等的约束是紧约束
  2. 松约束:尺寸的最小值为0的约束是松约束

如果有约束最大是0,最小也是0,那么这个约束同时是紧约束和松约束