Flutter中的页面布局属性

本文主要对flutter中的常用的页面布局进行说明,说一下基本的布局及装饰组件说明:

组件名称 中文释义 说明
Align 对齐布局 指定child的对齐方式
AspectRatio 调整宽高比 根据设置的宽高比调整child组件
BaseLine 基准线布局 所有的child底部所在的同一水平线
Center 居中布局 child处于水平和垂直方向的中间位置
Column 垂直布局 对child在垂直方向进行排列
ConstrainedBox 限定宽高 限定child的最大值
Container 容器布局 容器布局是一个组合的Widget,包含定位和尺寸
FittedBox 缩放布局 缩放以及位置调整
FractionallySizedBox 百分比布局 根据现有空间按照百分比调整child的尺寸
GridView 网格布局 对多行多列同时进行操作
IndexedStack 栈索引布局 IndexedStack继承自Stack,显示第index个child,其他child是不可见的
LimitedBox 限定宽高布局 对最大宽高进行限制
ListView 列表布局 用列表方式进行布局,如多项数据的场景
Offstage 开关布局 控制是否显示组件
OverflowBox 溢出父容器显示 允许child超出父容器的范围显示
Padding 填充布局 处理容器和chid之间的间距
Row 水平布局 对child在水平方向进行排列
SizedBox 设置具体尺寸 用特定大小的盒子来限定child宽度和高度
Stack/Alignment Alignment栈布局 根据Alignment组件的属性将child定位在Stack组件上
Stack/Positioned Positioned栈布局 根据Positioned组件的属性将child定位在Stack组件上
Table 表格布局 使用表格的行和列进行布局
Transform 矩阵转换 做矩阵变换,对child做平移、旋转、缩放等操作
Wrap 按宽高自动换行 按宽度或高度,让child自动换行布局

你可能感兴趣的:(Flutter)