Flutter 在多行中对齐文本

Question

我有这张卡：

这是一行的代码（我有6行）：

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    ClipOval(
      child: Container(
        height: 20,
        width: 20,
        color: Colors.lightBlue,
      ),
    ),
    Text('Example 1'),
    Text('96\'')
  ],
),
SizedBox(height: 8),
...

这些行位于容器内的列内（全部包裹在卡片中）
我应该改变什么才能得到照片中显示的结果

我想要什么： 我怎样才能做到这一点？

Answer 1

您可以使用 Expanded and Spacer 来实现这种行为。 只需将您的 Row 更改为以下

Row(
      children: [
        ClipOval(
          child: Container(
            height: 20,
            width: 20,
            color: Colors.lightBlue,
          ),
        ),
        const Spacer(),
        Expanded(
          child: Text(text1),
        ),
        Expanded(
          child: Text(text2),
        ),
      ],
    )