Flutter-常用的weiget介绍（三）拥有多个子元素的widget

上一篇介绍了单个子元素的widget，但是我们布局中，往往在容器中不是放一个组件的，接下来，我们来介绍一下在flutter中拥有多个子元素的widget

拥有多个子元素的widget

Row

在水平方向上布局子部件的列表，可以让内容进行水平方向的排列，常用的属性如下：

• children： 子控件们
• crossAxisAlignment： 子widget应该如何沿着侧轴（垂直方向）放置
  • CrossAxisAlignment.center 垂直方向居中显示
• textDirection： 设置水平方向是从左边排列还是从右边开始排列
• mainAxisAlignment： 子widget应该如何沿着主轴放置
  • MainAxisAlignment.spaceBetween 两侧先贴边，然后平分剩余空间
  • MainAxisAlignment.spaceAround 平分剩余空间
  • MainAxisAlignment.start 从开头开始排列起
  • MainAxisAlignment.end 从尾部开始排列起
  • MainAxisAlignment.center 居中
• mainAxisSize： 主轴应该占据多少空间
  • MainAxisSize.min 包裹内容
  • MainAxisSize.max 占据父容器全部空间

示例demo

new Row(