Flutter UI Widget介绍—Column

对Column widget的用法进行一些简单的介绍。

Column表示对元素进行纵向排列。

mainAxisAlignment可以设置元素的垂直方向的配置。

相对的crossAxisAlignment可以设置元素水平方向的配置。
crossAxixAlignment.start表示按照Column内元素的起始方向进行对齐。
而不是App的左边界。

MainAxisSize.min表示将child元素的总高度设置为Column的高度。

 

  body: Center(
          child: Container(
            color: Colors.blue,
            child: const Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisSize: MainAxisSize.min,
              children:<Widget> [
                Text('test1111111111111111'),
                Text('test2'),
                Icon(Icons.add)
              ],
            ),
          )
        ),