Flutter垫片与扩展

Question

Expanded和SpacerFlutter 和有什么不一样？为什么Flutter团队Spacer已经加入了Expanded？

Answer 1

Expanded使其子部件占据空间。

Spacer 自己占空间。

如果您查看 的实现Spacer，您会发现它是一个Expanded带有虚拟孩子的包装器。

是否Spacer真的有必要？可能不是。在另一个宇宙中，Expanded可以有一个可选的child参数。

Answer 2

两者Spacer和Expanded都执行相同的工作，即它们会填充诸如Row或的小部件中的剩余空间Column。以前Spacer，我们不得不使用

Expanded(child: Container())

而且这不是很好。随着Spacer我们只需要使用

Spacer()

因此，使用Spacer，可以防止我们编写更多的代码，并且还清楚地表明我们仅在使用它来填充剩余的空间。两者都有相同的属性flex，默认为1。唯一的区别是我们没有child有意义的属性。其实Spacer是

Expanded(child: SizedBox.shrink());

TL; DR

Spacer() 

相当于

Expanded(child: Container())