spaceBetween/spaceAround/spaceEvenly的区别

MainAxisAlignment枚举有6个元素，前三个都好理解，剩下的三个很相似，区别是什么呢？

• spaceBetween

将空间（space）均匀的放置在子项（child）之间

• spaceAround

将空间均匀地放置在子项之间，以及第一个和最后一个子项前后的一半空间。

• spaceEvenly

将空间均匀地放置在子项之间，以及第一个和最后一个子项的之前和之后。

• 总结

这三个元素其实描述的是：子项（child）和空间（space）的关系，spaceBetween是空间在子项之间，spaceAround是空间环绕子项，spaceEvenly是子项平均空间。

• 代码

Container(
  color: Colors.grey.shade300,
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    // mainAxisAlignment: MainAxisAlignment.spaceAround,
    // mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: [
      Container(width: 64, height: 48, color: Colors.blue),
      Container(width: 64, height: 48, color: Colors.green),
      Container(width: 64, height: 48, color: Colors.amber),
    ],
  ),
),