Flutter中Container为何会占满整个空间？

你误解了父控件传递的约束类型——屏幕根节点传递给子Widget的不是宽松约束（0到1024宽、0到800高，允许子自由选择尺寸），而是严格约束：要求子Widget的宽必须等于1024、高必须等于800，没有选择余地。

Flutter里的约束分两种：

• 严格约束（Tight Constraints）：明确指定子Widget必须使用固定的宽高值，子无法自行调整。
• 宽松约束（Loose Constraints）：给出宽高的最大值，子可以选择小于等于该值的任意尺寸。

示例中的红色Container直接作为根Widget（或MaterialApp的home）时，它的父节点是屏幕的渲染容器，传递的就是严格约束。而Container的默认行为是：当父传递严格约束时，会直接继承该尺寸，哪怕你没设置width/height属性。

如果想让Container保持100x100的尺寸，你需要给它套一层能转换约束的父Widget，比如Center、Align或Padding——这些Widget会把父的严格约束转换成宽松约束，允许子Widget自主选择尺寸：

Widget build(BuildContext context) {
  return Center(
    child: Container(
      width: 100,
      height: 100,
      color: Colors.red,
    ),
  );
}

内容的提问来源于stack exchange，提问作者Alex Lomia