Flutter控件布局 - Spacer, Flex , Expanded , Flexible, Padding

Spacer

初始状态

• 设置三个按钮,顺序排列

• 在AB两个按钮之间加一行 Spacer()

• 在BC两个按钮之间也加一行 Spacer()

总结

Spacer() 相当于弹簧的效果,使两个控件之间的距离达到最大值. (在页面不可滑动时才有效果)

Flex

Flex 是 Row和Column的父组件.
Flex组件可以沿着水平或垂直方向排列子组件，如果你知道主轴方向，使用Row或Column会方便一些，因为Row和Column都继承自Flex，参数基本相同，所以能使用Flex的地方基本上都可以使用Row或Column。Flex本身功能是很强大的，它也可以和Expanded组件配合实现弹性布局。

Expanded

可以按比例“扩伸” Row、Column和Flex子组件所占用的空间。

const Expanded({
  int flex = 1, 
  @required