flutter - 如何相对于中间的分隔符对齐文本？

Question

如图所示，如何使用分隔符将文本与中心对齐：

标签： flutter

Answer 1

只需给您逻辑，因为您没有提供相关代码，而且您是新来的。

Row将具有三个小部件的Text小部件作为子小部件，您可以在图像中显示。Text用Expanded小部件和一组mainAxisAlignment: MainAxisAlignment.spaceBetween小部件包装第一个和第三个Row。而且您还必须设置所有Text小部件的对齐方式，例如第 1 个有右对齐，第 2 个有中心对齐，第 3 个有左对齐。

而已 ：）

~PS：你必须为每一行重复（基于你的图像外观），可能很容易使用List小部件等。