使用FractionallySizedBox小部件。

FractionallySizedBox(
  widthFactor: 1.0, // width w.r.t to parent
  heightFactor: 1.0,  // height w.r.t to parent
  child: *Your Child Here*
}

当您希望将子节点的大小调整为其父节点大小的一小部分时，这个小部件也非常有用。

例子: 如果你想让子元素占据父元素50%的宽度，将widthFactor设置为0.5

在列中使用这行代码。 对于wrap_content: mainAxisSize: mainaxisize .min 对于match_parent: mainAxisSize: mainaxisize .max

为了获得match_parent和wrap_content的行为，我们需要 在行/列小部件中使用mainAxisSize属性，即mainAxisSize 属性取MainAxisSize枚举，有两个值，即 MainAxisSize。min，表现为wrap_content和mainaxisize .max 它的行为类似于match_parent。

原文链接

我使用这个解决方案，你必须定义你的屏幕的高度和宽度使用MediaQuery:

 Container(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width
  )

对于匹配父选项，你可以用容器包装小部件，并给它一个这样的宽度

宽度:double.infinity

这种方法将使小部件填充屏幕上的最大可用空间。

一个简单的解决方法:

如果容器只有一个顶级子容器，则可以为该子容器指定对齐属性并为其赋值。它会填满容器里的所有空间。

Container(color:Colors.white,height:200.0,width:200.0,
 child:Container(
    color: Colors.yellow,
    alignment:Alignment.[any_available_option] // make the yellow child match the parent size
   )
)

另一种方法:

Container(color:Colors.white,height:200.0,width:200.0,
 child:Container(
    color: Colors.yellow,
    constraints:  BoxConstraints.expand(height: 100.0), // height will be 100 dip and width will be match parent
   )
)