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