Почему я должен использовать выравнивание [Expanded] / [Flexible] flex по [Align]?

Question

Мне было интересно, почему нужно использовать выравнивание [Expanded] / [Flexible] flex по [Align]? Вы можете точно выровнять свой виджет с помощью [Align] и даже потенциально избежать [Padding].

Давайте посмотрим на это с другой стороны, использует ли flex [Expanded] / [Flexible] более эффективно и быстрее, чем [Align]?

Answer 1

Нет сравнения между 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, оно займет левое пространство.

Answer 2

Не уверен, что вы имеете в виду.Expanded предназначен для (более или менее) «выбора» того, какой виджет внутри Row / Column должен заполнить оставшееся пространство.В то время как Align просто размещает ребенка внутри себя при заданном выравнивании.