时间戳

首页 > 解决方案 > 为什么我应该使用 [Expanded] / [Flexible] flex 而不是 [Align] 对齐方式？

user-interface - 为什么我应该使用 [Expanded] / [Flexible] flex 而不是 [Align] 对齐方式？

问题描述

我一直想知道为什么要使用[Expanded] / [Flexible]flex 而不是[Align]对齐？您可以将小部件与 [Align] 精确对齐，甚至可以避免[Padding].

我们换个角度来看，是不是使用flex的[Expanded] / [Flexible]效率更高更快[Align]？

标签： user-interfacedartflutteralignment

解决方案

Expanded/Flex和之间没有可比性Align。看看下面的代码片段。

 Column(
  children: [
    Container(color: Colors.blue, height: 200),
    Align(child: Container(color: Colors.green)), // doesn't show anything
    Expanded(child: Container(color: Colors.orange)), // shows up in the remaining space
  ],
);

Align作为 的父级Container不会在屏幕上显示任何内容，但如果您使用它将Expanded/Flex占用左侧空间。

推荐阅读