常用UI
项目 | 数量 |
---|---|
Container | 包含多个属性,常用的有设置背景,padding,margin,对齐方式,宽高,设置圆角等。由一系列的基础widget组合而成 |
Padding | 给子节点设置padding |
Align | 设置child的对齐方式,例如居中、居左居右等 |
Center | 设置child居中对齐 |
Row | 将children排列成一行 |
Column | 垂直方向排列其子组件,属性和Row基本一致 |
Flex 弹性布局 | |
Expanded | 按比例“扩伸” Row、Column和Flex子组件所占用的空间。 |
Flow | 是一个实现流式布局算法的控件,需要自己实现,性能高 |
Wrap | 流式布局 |
Table | 表格布局 |
Stack | 层叠布局,需要配合Positioned实现定位 |
Positioned | 配合Stack,一般用于定位 |
IndexedStack | 继承自Stack,显示第index个child,其他child都是不可见的 |
FittedBox | 缩放(Scale)以及位置调整(Position),属性fit和alignment可以使用 |
AspectRatio | 调整child到设置的宽高比 |
ConstrainedBox | 对子组件添加额外的约束,比如设置最大宽高 |
Baseline | 根据child的baseline,来调整child的位置,例如两个字号不一样的文字,希望底部在一条水平线上,就可以使用这个控件 |
FractionallySizedBox | 根据现有空间,来调整child的尺寸 |
IntrinsicHeight | 调整child到固定的高度 |
IntrinsicWidth | 调整child到固定的宽度 |
LimitedBox | 将child限制在其设定的最大宽高中的 |
Offstage | 控制child是否显示 |
OverflowBox | 允许child超出parent的范围显示 |
SizedBox | 设置child具体尺寸 |
SizedOverflowBox | SizedBox与OverflowBox的结合体 |
Transform | 可以在其子组件绘制时对其应用一些矩阵变换来实现一些特效 |
DecoratedBox | 在其子组件绘制前(或后)绘制一些装饰(Decoration),如背景、边框、渐变等 |
BoxDecoration | Decoration的子类 |
CustomSingleChildLayout | 提供了一个控制child布局的delegate |
ClipOval | 子组件为正方形时剪裁为内贴圆形,为矩形时,剪裁为内贴椭圆 |
ClipRRect | 将子组件剪裁为圆角矩形 |
ClipRect | 剪裁子组件到实际占用的矩形大小(溢出部分剪裁) |
SingleChildScrollView | 类似于Android中的ScrollView,它只能接收一个子组件 |
ListView | 一个方向线性排布所有子组件 |
GridView | 可以构建一个二维网格列表 |
CustomScrollView | 使用Sliver来自定义滚动模型(效果)的组件 |
网友评论