在flutter中，如何设置列内部行项目之间的间距

Question

我创建了许多包含在Column内部的Row项，并希望在每行项之间留出间距。我试着用Column的mainAxisAlignment设置。但每个Row项目之间没有任何变化。如何更改或需要使用哪个小部件？

Column(
children: [
Row(
children: [
Flexible(
flex: 2,
fit: FlexFit.tight,
child: Container(child: kTextFieldLabelText('Name:')),
),
Flexible(
flex: 6,
fit: FlexFit.loose,
child: Container(
//width: 100,
child: TextFormField(
decoration:
kTextFormFieldsDecoration('Enter your name'),
maxLines: 1,
),
),
),
],
),
Row(
children: [
Flexible(
flex: 2,
fit: FlexFit.tight,
child: Container(child: kTextFieldLabelText('Name:')),
),
Flexible(
flex: 6,
fit: FlexFit.loose,
child: Container(
//width: 100,
child: TextFormField(
decoration:
kTextFormFieldsDecoration('Enter your name'),
maxLines: 1,
),
),
),
],
),
Row(
children: [
Flexible(
flex: 2,
fit: FlexFit.tight,
child: Container(child: kTextFieldLabelText('Name:')),
),
Flexible(
flex: 6,
fit: FlexFit.loose,
child: Container(
//width: 100,
child: TextFormField(
decoration:
kTextFormFieldsDecoration('Enter your name'),
maxLines: 1,
),
),
),
],
),
],
),

Answer 1

您也可以使用

Spacer(), or Spacer(flex: 1),

或使用大小的盒子来确定您喜欢的高度和宽度

SizedBox(height: // put here,),

同样大小的盒子也有其他东西，比如

SizedBox.expand(),

无论哪种方式都可以玩

Answer 2

如果Row的children是固定大小的，则可以将MainAxisAlignment用于Row，以便对它们进行相应的排列。

否则，如果您的widgets是Flexible，那么您可能需要在两个小部件之间添加一个具有所需width的SizedBox。