颤振：扩展与灵活

Question

我已经使用了< code >扩展的和< code >灵活的小部件，它们看起来工作起来是一样的。

扩展和灵活有什么区别？

Answer 1

默认情况下，Flexible下的Widget是WRAP_CONTENT，尽管您可以使用参数fit。

< code>Expanded下的小部件是MATCH_PARENT，您可以使用< code>flex对其进行更改。

Answer 2

< code>Expanded只是< code>Flexible的简称

以这种方式使用扩展：

Expanded(
  child: Foo(),
);

严格等同于:

Flexible(
  fit: FlexFit.tight,
  child: Foo(),
);

当您想要一个不同的＜code＞适合，这在一些响应式布局中很有用。

< code>FlexFit.tight和< code>FlexFit.loose之间的区别在于,< code>loose将允许其子级具有最大尺寸，而< code>tight则强制该子级填充所有可用空间。

Answer 3

Scaffold(
  appBar: AppBar(),
  body: Column(
    children: <Widget>[
      Row(
        children: <Widget>[
          buildExpanded(),
          buildFlexible(),
        ],
      ),
      Row(
        children: <Widget>[
          buildExpanded(),
          buildExpanded(),
        ],
      ),
      Row(
        children: <Widget>[
          buildFlexible(),
          buildFlexible(),
        ],
      ),
    ],
  ),
);