根据 Flutter 文档 没有子容器的容器会尽可能大，除非传入的约束是无界的，在这种情况下，它们会尽可能小。带有子项的容器会根据它们的子项自行调整大小。 我最接近它的工作:

return Stack(
  children: <Widget>[
    Container(
      width: MediaQuery.of(context).size.width,
      height: MediaQuery.of(context).size.height,
      //width: Device.screenWidth,
      //height: Device.screenHeight,
      child: Column(
        children: <Widget>[(view[1])],
      ),
    ),
    Container(
      width: MediaQuery.of(context).size.width * .50,
      height: MediaQuery.of(context).size.width * .50,
      child: Column(
        children: <Widget>[(view[0])],
      ),
    ),
  ],
);


I/flutter (12292): The following message was thrown during layout:
I/flutter (12292): A RenderFlex overflowed by 81 pixels on the bottom.
I/flutter (12292): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter (12292): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter (12292): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

不明白为什么 MediaQuery 或 Device 不能阻止溢出？第一个 Container 在 Android 手机或平板电脑上总是溢出 81 像素；现在没有 iPhone 或 iPad 可以测试。根据我从其他帖子中读到的内容，黄色和黑色溢出只需包装在 SingleChildScrollView 中即可纠正，但是当我尝试这样做时，我得到了

child: SingleChildScrollView(
        child: Column(
          children: <Widget>[(view[1])],
        ),
      ),

I/flutter (12292): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter (12292): The following assertion was thrown during performLayout():
I/flutter (12292): RenderFlex children have non-zero flex but incoming height constraints are unbounded.
I/flutter (12292): When a column is in a parent that does not provide a finite height constraint, for example if it is
I/flutter (12292): in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a
I/flutter (12292): flex on a child (e.g. using Expanded) indicates that the child is to expand to fill the remaining
I/flutter (12292): space in the vertical direction.
I/flutter (12292): These two directives are mutually exclusive. If a parent is to shrink-wrap its child, the child
.
.
.
I/flutter (12292):   crossAxisAlignment: center
I/flutter (12292):   verticalDirection: down
I/flutter (12292): This RenderObject had the following child:
I/flutter (12292):   RenderAndroidView#e356e NEEDS-LAYOUT NEEDS-PAINT

根据我看到的错误，尝试使用 Expanded、ClipRect 和其他小部件进行其他几次尝试，但在根本没有图像的情况下只会让情况变得更糟。我是否遗漏了一些简单的东西，或者我应该尝试以其他方式解决这个问题？

编辑:根据 Amsakanna，最新的尝试在下方，但仍然溢出 81 个像素以在第一个代码块中产生与上方相同的错误消息。

return Stack(
  children: <Widget>[
    SingleChildScrollView(
      child: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Column(
          children: <Widget>[view[1])],
        ),
      ),
    ),

I/flutter ( 1144): The following message was thrown during layout:
I/flutter ( 1144): A RenderFlex overflowed by 81 pixels on the bottom.
I/flutter ( 1144): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter ( 1144): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter ( 1144): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

尝试在 SingleChildScrollView 中使用 IntrinsicHeight，发现 here在 Expanding content to fit the viewport 部分，但它也溢出(81 像素)并显示类似的错误消息。

最佳答案

SizedBox.expand 帮我做了。下面是一个显示图像的示例，使图像高度与父级匹配，并且容器在未使用的空间绘制黑色背景:

  SizedBox.expand(
    child: Container(
      color: Colors.black,
      child: Image (
        fit: BoxFit.fitHeight,
        image: AssetImage('assets/myimage.png'),
      ),
    ),
  );

关于dart - Flutter - 如何让带有 child 的容器占据整个屏幕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54988368/