Flutter快速上手7:基础布局之层叠布局Stack

属性名 类型 简介
alignment AlignmentDirectional 决定子Widget如何对齐 ,默认值为 AlignmentDirectional.topStart
textDirection TextDirection 用于确定 alignment的对齐方向
fit StackFit 决定非positioned子Widget 如何去适应Stack的大小
overflow Overflow 如何显示超出 Stack空间的 子widget
children List< Widget> 排列的子控件

在Stack布局中,通常会与另外两个控件配合使用,它们是Align和Positioned,前者用于相对定位,后者用于绝对定位。

Align比较简单,这里列一下Positioned的属性

属性名 类型 简介
left double 离 Stack 左边的距离
top double 离 Stack 上边的距离
right double 离 Stack 右边的距离
bottom double 离 Stack 底边的距离
width double 设定子控件的宽度
height double 设定子控件的高度

例子见🔗登录界面

本地Flutter 2.10.1,Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子,初学Flutter ,文章会根据学习进度不定时更新,请多多指教~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容