您的当前位置:首页Flutter学习笔记(二)之布局

Flutter学习笔记(二)之布局

2024-06-01 来源:小侦探旅游网

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

RowWidget

ColumnWidget

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


StackWidget-层叠布局

层叠最少要有两个属性。


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

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

PositionedWidget-层叠定位组件

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

CardWidget-卡片布局



使用分隔使间距更大。

因篇幅问题不能全部显示,请点此查看更多更全内容