美文网首页
Flutter基础知识记录

Flutter基础知识记录

作者: 白茫茫的大地 | 来源:发表于2019-10-29 21:35 被阅读0次

常用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来自定义滚动模型(效果)的组件

动画

事件处理

相关文章

网友评论

      本文标题:Flutter基础知识记录

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