193 字
1 分钟
Flutter组件分类
2025-03-27

Flutter的Widget分为四类

  • 单Child
  • 多Child
  • 无Child
  • 可滚动

单Child#

Padding#

调整四周边距

Aligin#

调整对齐位置

Center 居中显示#

AspectRatio#

按照宽高比例显示布局

ConstrainedBox#

使用约束大小 显示布局

Offstage#

是否隐藏Child

Opacity#

透明度显示

Transform#

位移,方法,旋转等支持

SizeBox#

设置大小显示

GestureDetector#

触摸事件处理

CustomSingleChildLayout#

自定义Child布局

多Child#

Flex#

Colum#

竖向布局

Row#

横向布局

Stack#

堆叠布局

IndexedStack#

Wrap#

自动换行布局

Table#

表格布局

Flow#

瀑布流布局

CustomMultiChildLayout#

自定义布局

无Child#

LayoutBuilder#

获取父布局约束大小 显示

Slider#

可拖动进度条

Text#

文本显示

Icon#

字体图标

Image#

图片显示

EditableText#

可编辑输入框

TextField#

封装版输入框

可滚动#

Listview#

GridView#

SingleChildScrollView#

Flutter组件分类
https://www.tanghailong.com/posts/flutter/widget/
作者
唐海龙
发布于
2025-03-27
许可协议
CC BY-NC-SA 4.0