美文网首页
Flutter快速上手5:基础布局之线性布局Row和Column

Flutter快速上手5:基础布局之线性布局Row和Column

作者: 十二栗子 | 来源:发表于2022-04-25 08:37 被阅读0次

    一、Row

    水平方向的线性布局

    属性名 类型 简介
    mainAxisAlignment MainAxisAlignment 子Widget 在主轴的对齐方式
    mainAxisSize MainAxisSize 表示主轴应该占用多大的空间
    crossAxisAlignment CrossAxisAlignment 子Widget 在交叉轴的对齐方式
    textDirection TextDirection 子Widget 在主轴方向上的布局顺序
    verticalDirection VerticalDirection 子Widget 在交叉轴方向上的布局顺序
    textBaseline TextBaseline 设置 子Widget 基线
    children List< Widget> 用于排列的子控件列表

    MainAxisAlignment的属性参照🔗弹性布局flex

    二、Column

    垂直方向的线性布局,其属性可直接参照Row

    例子可参照🔗登录界面。

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

    相关文章

      网友评论

          本文标题:Flutter快速上手5:基础布局之线性布局Row和Column

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