flutter - 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和Spacer来实现这种行为。只需将您更改Row为以下内容

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