美文网首页
Flutter快速上手7:基础布局之层叠布局Stack

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

作者: 十二栗子 | 来源:发表于2022-04-26 09:02 被阅读0次
属性名 类型 简介
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 ,文章会根据学习进度不定时更新,请多多指教~~

相关文章

网友评论

      本文标题:Flutter快速上手7:基础布局之层叠布局Stack

      本文链接:https://www.haomeiwen.com/subject/egasertx.html