如何在颤动中添加行之间的空间？

Question

主要问题是我想在行之间添加一些空格，并且该行是SingleChildScrollView我的小部件树的子级：

 child: SingleChildScrollView(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Row(
          // first row with 3 column
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Container(),
            Container(),
            Container(),
          ],
        ),
        Row(
          // second row also with 3 column ans so on 
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Container(),
            Container(),
            Container(),
            //Row( third  row also with 3 column ans so on
              //Row( fourth  row also with 3 column ans so on
            // ....
          ],
        ),
      ],
    ),
  ),

我得到以下输出：

那么如何向小部件添加更多空间SingleChildScrollView，以便期望mainAxisAlignment:MainAxisAlignment.spaceBetween在行之间放置一些空间，或者如何简单地在行之间添加空格？

Answer 1

SizedBox如果您对固定的像素间隙感到满意，那么诸如此类的事情就很有效。Spacer是另一种选择，并且是弯曲的，这可能是也可能不是您想要的，具体取决于您将其嵌套在什么下。如果您更喜欢使用相对尺寸，我还可以推荐FractionallySizedBox，它在一定百分比的区域上运行，并且非常适合响应式设计。例如，如果您想要 5% 的垂直间隙，您可以将其表示为：

FractionallySizedBox(heightFactor: 0.05),