在Flutter开发过程中,对于UI界面的布局操作也是很重要的技能,尤其是根据实际业务需求的等比例显示、等分展示、对称显示、两端对齐等等,这些都是比较常见的操作,那么本文就来分享一下关于两端对齐的设置,对于不熟悉布局的开发者来说可以好好了解一下,本文以Row中的子控件左右两端对齐的方式来介绍,方便查阅使用。
关于Row中的子控件左右两端对齐的方式有四种方式来设置,针对同一行的左右两端对齐的需求,很容易实现,而且实现方法也有四种:通过设置spaceBetween 对齐方式、通过使用Expanded 填充方式、通过使用 Spacer() 填充方式、通过使用 Flexible的方式,具体的四种方法如下所示。
方法一:通过设置 spaceBetween 对齐方式通过设置 spaceBetween 对齐方式来实现左右两端对齐,主要是设置 Row 控件的属性mainAxisAlignment: MainAxisAlignment.spaceBetween,来设置的。具体示例如下所示:
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
new Text("left"),
new Text("right"),
]
);


