对齐 Container 中的多个文本

Question

我现在尝试用各种小部件设计我的容器，不幸的是我无法继续进行许多优化尝试。所以我想问问你会如何处理它。我想设计一个容器如下。也许有人可以告诉我这样的结构如何看起来最好。我尝试了不同的结构，例如

ListView-> Stack -> Container -> Row -> Column -> Align -> Text ..

每次我都无法对齐文本。

Answer 1

只需使用Spacer即可获得您Column中剩余的所有space。试试这个：

 Column(
      children: <Widget>[
        SizedBox(height: 12),
        Text("Facebook"),
        Spacer(),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("Sales:"),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("200Mio."),
            )
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("HeadQuarters:"),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("New York"),
            )
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("Employee:"),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
              child: Text("200Tsd."),
            )
          ],
        )
      ],
    );

这是一段讨论 Spacer 的视频：https://www.youtube.com/watch?v=7FJgd7QN1zI

像这样构造它：水平 ListView.builder -> 带有（重要）的容器 -> set/fixed 高度（定义你的高度）和边框轮廓半径 -> 然后将上面的代码放在容器。

对齐 Container 中的多个文本

Align several texts in the Container

alignment

flutter