flutter - 如何在行和文本之间使用空格？

我试图使用中间的空格分隔两个文本小部件，但没有一个mainaxisalignment选项起作用。
Screenshot of code below。

在图片中，可以看到text2和text3粘在一起，我希望它们分开。主行中的第一个子项需要展开1。第二个（有问题的）需要像扩展0一样。

Container(
  color: Colors.blue,
  child: Row(
    children: [
      Expanded(
        child: Container(
          color: Colors.orange,
          child: Text('Text1'),
        ),
        flex: 1,
      ),
      Column(
        children: [
          Row(
            children: [Text('Text2'), Text('Text3')],
          ),
          Text('Long text Long text Long text'),
        ],
      )
    ],
  ),
)

最佳答案

所以我意识到你对第一个孩子使用了Expanded小部件，而对第二个孩子却没有。此外，还需要将mainAxisAlignment: MainAxisAlignment.spaceBetween添加到Row小部件中。下面是您想要实现的完整代码。

Container(
    color: Colors.blue,
    child: Row(
        children: [
            Expanded(
                child: Container(
                    color: Colors.orange,
                    child: Text('Text1'),
                ),
                flex: 1,
            ),
            Expanded(
                child: Column(
                    children: [
                        Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                                Text('Text2'),
                                Text('Text3')
                            ],
                        ),
                        Text('Long text Long text Long text'),
                    ],
                ),
            )
        ],
    ),
)