1.使用sizebox保持间距
Row(
children: <Widget>[
Text("1"),
SizedBox(width: 50), // 50宽度
Text("2"),
],
)
2.使用Spacer填充尽可能大的空间
Row(
children: <Widget>[
Text("1"),
Spacer(), // use Spacer
Text("2"),
],
)
3.使用mainAxisAlignment对齐方式控制彼此间距
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, //元素与空白互相间隔
children: <Widget>[
Text("1"),
Text("2"),
],
)
4.如果不用行的话，还可以使用Wrap并指定spacing
Wrap(
spacing: 100, // set spacing here
children: <Widget>[
Text("1"),
Text("2"),
],
)
5）同样是使用Wrap，设置spaceAround
Wrap(
alignment: WrapAlignment.spaceAround, // 空白包围住元素
children: <Widget>[
Text("1"),
Text("2"),
],
)
该方案来自于这位博主请点击查看
