相当于wrap_content和match_parent？

Question

在Android中，match_parent和wrap_content，用于根据小部件包含的内容自动调整小部件的大小。

在Flutter中，默认情况下似乎所有小部件都设置为wrap_content，我将如何更改它，以便我可以将其宽度和高度填充为其父级？

Answer 1

简单的回答是，在孩子有尺码之前，父母没有尺码。

Flatter中布局的工作方式是，每个小部件都为其每个子部件提供约束，比如“你可以达到这个宽度，你必须达到这个高度，你必须至少达到这个宽度”，或者任何其他（具体来说，它们获得最小宽度、最大宽度、最小高度和最大高度）。每个孩子都接受这些约束，做一些事情，并选择与这些约束匹配的大小（宽度和高度）。然后，一旦每个孩子完成了自己的任务，小部件就可以选择自己的大小。

一些小部件试图尽可能大到父级允许的大小。一些小部件试图尽可能小到父级允许的大小。一些小部件试图匹配特定的“自然”大小（例如文本、图像）。

一些部件告诉他们的孩子，他们可以是他们想要的任何尺寸。有些人给孩子的约束和他们从父母那里得到的一样。

Answer 2

为了获得match_parent的行为，wrap_content我们需要在行/列小部件中使用主轴大小属性，主轴大小属性采用具有两个值的MainAxisSize枚举，即主轴大小.min，其行为为wrap_content和主轴大小.max它的行为match_parent。

原文链接

Answer 3

您可以使用小技巧：假设您有以下要求：（宽度，高度）

Wrap_content，Wrap_ content：

 //use this as child
 Wrap(
  children: <Widget>[*your_child*])

Match_parent，Match_parent：

 //use this as child
Container(
        height: double.infinity,
    width: double.infinity,child:*your_child*)

Match_parent，Wrap_content ：

 //use this as child
Row(
  mainAxisSize: MainAxisSize.max,
  children: <Widget>[*your_child*],
);

Wrap_content，Match_parent：

 //use this as child
Column(
  mainAxisSize: MainAxisSize.max,
  children: <Widget>[your_child],
);