Flutter开发：Row中的子控件左右两端对齐的设置方式

Flutter开发：Row中的子控件左右两端对齐的设置方式 前言

在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"),

  ]

);