Flex简介

竖直或水平方向上排列widget的列表（与Android中的线性布局有些像，Column、Row继承自该类）

Flex属性概要

  1. Flex({
  2.   Key key,
  3.   // 子部件们排列方向(水平或竖直)
  4.   @required this.direction,
  5.   // 主轴方向上的布局(紧密、均分、位置)
  6.   this.mainAxisAlignment = MainAxisAlignment.start,
  7.   // 主轴方向的大小(延展、紧凑)
  8.   this.mainAxisSize = MainAxisSize.max,
  9.   // 设置次轴方向的布局(居中、位于两边、根据基线、子项在次轴方向延展)
  10.   this.crossAxisAlignment = CrossAxisAlignment.center,
  11.   // 子部件排列起始方向（从左往右或从右往左：是否有效取决于direction属性）
  12.   this.textDirection,
  13.   // 子部件排列起始方向(从上往下或从下往上：是否起左右取决于direction属性)
  14.   this.verticalDirection = VerticalDirection.down,
  15.   // crossAxisAlignment值为CrossAxisAlignment.baseline需要设置该值
  16.   this.textBaseline,
  17.   // 子部件们
  18.   List<Widget> children = const <Widget>[],
  19. })