Flutter 行将一个项目放在开始位置，将另一个项目放在中间

Question

我有一张卡片，这张卡片的第一行将有 2 个文本项。

我想将一个项目放在最开始，然后将下一个项目直接放在中心。

我玩过 MainAxisAlignment，但似乎没有什么适合这种情况，例如，如果我使用 MainAxisAlignment.spaceBetween，那么每个项目都放在行的末尾。

有没有明显的方法可以做到这一点？

谢谢

Answer 1

您可以使用 Spacer用于填充行中可用空间的小部件:

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: SpacedRow(),
          ),
        ),
      ),
    );
  }
}

class SpacedRow extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
      children: <Widget>[
        Container(width: 50, height: 50, color: Colors.red),
        Spacer(),
        Container(width: 50, height: 50, color: Colors.yellow),
        Spacer(),
      ],
    );
  }
}

产生: