美文网首页
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