Flutter学习笔记（二）之布局

内容包括：RowWidget横向布局、ColumnWidget纵向布局、StackWidget层叠布局、PositionedWidget层叠定位布局、CardWidget卡片布局。

RowWidget

由于使用的是不灵活布局，右侧还有空白区域。

使用灵活布局：添加Expanded，将子元素添加到child中：


可以将灵活和不灵活搭配使用有的用Expanded有的不用：

ColumnWidget

column容器的大小由其中包含的最大元素决定。


代码中注释的那一行能让column在上一级container的垂直中心显示。
如果要使column在正中间显示，将上述Column包在一层Center(child:(…))中即可。
灵活的使一部分在顶部显示，一部分在底部显示：

StackWidget-层叠布局

层叠最少要有两个属性。


默认重叠时从左上方开始的，如果要更改重叠的位置：

第一个参数是横向重叠位置，越接近1越靠右，是一个0~1之间的比例值；
第二个参数是纵向重叠位置，越接近1越靠下，是一个0~1之间的比例值。

PositionedWidget-层叠定位组件

当层叠组件大于等于三个时使用该布局。

CardWidget-卡片布局

使用分隔使间距更大。