flutter - SizedOverflowBox 的大小没有按预期工作

Question

Widget build(BuildContext context) {
  return Scaffold(
    body: SizedOverflowBox(
      size: Size(100, 100),
      child: Container(color: Colors.blue),
    ),
  );
}

我提供了一个 width和 height的 100但它绘制了一个矩形 Container具有一些任意维度。那么，什么 size在 SizedOverflowBox ?

Answer 1

所以，这是如何SizedOverflowBox作品
这些是 SizedOverflowBox 的小部件效果

家长

SizedOverflowBox

child

让父小部件有 x宽度和 y高度。 SizedOverflowBox有 ox宽度和 oy高度在其大小参数中。
那么子小部件将受到以下约束。 maxWidth = ox + ((x - ox)/2) maxHeight = oy + ((y - oy/2)/2)那么即使我们尝试明确提供更大的高度和宽度值，child 也不能大于 maxWidth 和 maxHeight。但它可以小于 maxWidth 和 maxHeight。
并且父级将具有以下约束 minWidth = SizedOverflowBox.width minHeight = SizedOverflowBox.height maxWidth = parent.width maxHeight = parent.height并且，父级会认为其子树的最大大小为 ox , oy .因为这些是 SizedOverflowBox 的尺寸在其大小参数中提供。
还有更多。
如果 parent 的大小小于 SizedOverflowBox 的 child 的大小，则 SizedOverflowBox 的 child 将无法溢出。如果 parent 有 size < SizedOverflowBox.size然后 SizedOverflowBox将使用 parent.size作为自己的 size并将相同的约束传递给 child maxwidth = parent.size maxHeight = parent.size