flutter text 左对齐_flutter中行(Row)子控件设置间距和左右对齐

设置子控件间距

使用SizedBox保持固定间距

Row(

children: [

Text("1"),

SizedBox(width: 50), // 50宽度

Text("2"),

],

)

image.png

使用Spacer填充尽可能大的空间

Row(

children: [

Text("1"),

Spacer(), // use Spacer

Text("2"),

],

)

image.png

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

Row(

mainAxisAlignment: MainAxisAlignment.spaceEvenly, //元素与空白互相间隔

children: [

Text("1"),

Text("2"),

],

)

image.png

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

Wrap(

spacing: 100, // set spacing here

children: [

Text("1"),

Text("2"),

<