flutter 组件之间怎么设置相对距离

1.使用sizebox保持间距

Row(
  children: [
    Text("1"),
    SizedBox(width: 50), // 50宽度
    Text("2"),
  ],
)

2.使用Spacer填充尽可能大的空间
Row(
children: [
Text("1"),
Spacer(), // use Spacer
Text("2"),
],
)

3.使用mainAxisAlignment对齐方式控制彼此间距

Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly, //元素与空白互相间隔
  children: [
    Text("1"),
    Text("2"),
  ],
)

4.如果不用行的话,还可以使用Wrap并指定spacing

Wrap(
  spacing: 100, // set spacing here
  children: [
    Text("1"),
    Text("2"),
  ],
)

5)同样是使用Wrap,设置spaceAround
Wrap(
alignment: WrapAlignment.spaceAround, // 空白包围住元素
children: [
Text("1"),
Text("2"),
],
)
该方案来自于这位博主请点击查看

你可能感兴趣的:(flutter 组件之间怎么设置相对距离)