如何将一个小部件对齐到行的中心并将其他 2 个小部件对齐到每个剩余 space 的中心？

Question

Link to the printscreen of the figma model

我想将 VerticalDivider 小部件与包含“Objetivo: Recomendação médica”和“Nível do aluno: intermediário”的其他 2 列放在行的中间，我希望这两列都在中间每个人还剩 space 个。

Answer 1

使用 Expanded 拆分 Flex 中的剩余空间（如 Row 或 Column）。

例如：

Row(
  children: [
    Expanded(child: Container(color: Colors.blue)),
    VerticalDivider(),
    Expanded(child: Container(color: Colors.orange)),
  ],
)

如何将一个小部件对齐到行的中心并将其他 2 个小部件对齐到每个剩余 space 的中心？

How can I align a widget to the center of a Row and align the other 2 widgets to the center of each remaining space?

flutter

dart

flutter-layout