Container 容器组件

用于容纳单个子组件的容器组件。集成了若干个单子组件的功能,如内外边距、形变、装饰、约束等…

Text 文字组件

用于显示文字的组件。拥有的属性非常多,足够满足你的使用需求,核心样式由style属性控制。

GestureDetector 手势监听器

组件事件的监听器,可接受按下、松开、移动、取消等事件。较GestureDetector比较原始,可获取的信息也更多。

ListView 列表组件

列表显示的领军人物,容纳多个子组件,可以通过builder、speared、custom等构造。有内边距,是否反向、滑动控制器等属性。

GridView 网格组件

容纳多个组件,并以网格的方式。可以通过count、extent、custom、builder等构造。有内边距、是否反向、滑动控制器等属性。

SingleChildScrollView 单子滑动

使一个组件具有滑动的效果,可指定滑动的方向、是否反向、滑动控制器等属性。

PageView 滑页

容纳多个组件页面,可对它们进行滑动切换,可指定滑动的方向、是否反向、滑动控制器等属性。

CustomPaint 绘制组件

通过CustomPainter进行绘制,可实现一些复杂的自定义绘制组件,是Flutter中自定义组件的灵魂人物。

CircleAvatar 圆形组件

可将一张图片变成圆形,并且中间可以放置一个组件。可指定半径、前景色、背景色等。

Chip 小条组件

一个横向的圆边小条,可以包含左中右三个组件。可以指定颜色、阴影色和点击事件。

InputChip 综合小条

和Chip组件类似的样式,集成了点击、删除、选择事件为一体。注意:点击事件和选择事件不能同时存在。

FilterChip 过滤小条

和Chip组件类似的样式,具有选中与否的属性和选中事件。当选中时左侧组件上层会被✔️遮罩。

MaterialButton 材料按钮

基于RawMaterialButton实现的通用Material按钮。可盛放一个子组件,能定义颜色、形状等表现,可接收点击和长按事件。

FloatingActionButton 浮动按钮

浮动按钮,一般用于Scaffold中,可摆放在特定位置。可盛放一个子组件,接收点击、可定义颜色、形状等。

ToggleButtons 切换按钮组

接收组件列表,可指定边线、圆角、颜色等属性。根据具体逻辑,可以实现多个按钮单选或多选的需求。

Theme 主题

可通过Theme.of获取ThemeData对象。也可以指定主题应用于Theme的后代组件。

UserAccountsDrawerHeader 展示头

Flutter提供的一个通用展示结构,相应位置可插入组件,可以很方便地应对特定的条目,常用于Drawer中。

Card 卡片组件

基于Material组件实现,用于将单个组件卡片化。并使其具有投影效果,可加外边距,也可以自定义卡片形状。

Visibility 显隐组件

控制一个组件显示或隐藏 可设置隐藏后的占位组件。与其功能相似的由OffStage组件。

ChoiceChip 选择小条

和Chip组件类似的样式,有一些选择的属性。可以指定选中时的颜色、阴影色和选择事件。

ActionChip 事件小条

和Chip组件类似的样式,有一些点击的属性。可以指定点击时的阴影深、点击事件。

ListTile 列表瓦片

Flutter提供的一个通用列表条目结构,为左中右结构。相应位置可插入组件,可以很方便地应对特定的条目。

CheckboxListTile 复选瓦片

Flutter提供的一个通用列表条目结构,为左中结构,尾部是一个CheckBox。相应位置可插入组件,可以很方便地应对特定的条目。

SwitchListTile 切钮瓦片

Flutter提供的一个通用列表条目结构,为左中结构,尾部是一个Switch。相应位置可插入组件,可以很方便地应对特定的条目。

RadioListTile 选钮瓦片

Flutter提供的一个通用列表条目结构,为中右结构,尾部是一个Radio。相应位置可插入组件,可以很方便地应对特定的条目。

GridTile 网格瓦片

Flutter提供的一个通用列表条目结构,可指定头、尾、子组件,常用于网格列表。

FlatButton 平按钮

无阴影的平按钮,基于MaterialButton实现,所有属性和MaterialButton类似。

RaisedButton 浮起按钮

有阴影的浮起按钮,基于MaterialButton实现,所有属性和MaterialButton类似。

OutlineButton 线框按钮

边框样式按钮,基于MaterialButton实现,所有属性和MaterialButton类似。

ButtonBar 按钮栏

接收组件列表,常用于盛放若干个按钮。可指定对齐方式、边距等信息。

DataTable 数据表格

一个表格组件,可以制订逻辑进行点击、修改、排序等操作。

Spacer 空间组件

只能用于Row、Column和Flex布局中,可利用剩余空间进行占位,使用flex属性可以给多个Spacer按比例分配空间。

AnimatedIcon 图标动画

使用AnimatedIcons的图标数据,可以根据一个动画控制器来使图标进行动画效果。可指定图标大小、颜色等。

AlertDialog 弹出对话框

一个通用的对话框结构,可指定头、中、尾处的组件。拥有标题、内容的文字样式和边距,影深、形状等属性。

SimpleDialog 简单对话框

一个简单的对话框结构,可指定头、中处的组件。拥有拥有标题、内容的文字样式和边距,影深、形状等属性。常与SimpleDialogOption联用。

CupertinoAlertDialog iOS对话框

iOS风格的通用的对话框结构,可指定头、中、尾处的组件。

CupertinoActionSheet iOS行为单

iOS风格的弹出选择结构,可放多的按钮,一般与CupertinoActionSheetAction联用。

DayPicker 日期选择器

日期的选择组件,可指定当前日期、选中日期、展示月份等,接收日期选中事件。

Listener 事件监听器

组件事件的监听器,可接受按下、松开、移动、取消等事件。较GestureDetector比较原始,可获取的信息也更多。

PositionedDirectional 方向定位

和Positioned组件功能一样,属性名不同。只能用于Stack中,可以指定左上右下的距离对某个组件进行位置精确安放。

CupertinoTheme iOS主题

可通过CupertinoTheme.of获取CupertinoThemeData对象。也可以指定主题应用于CupertinoTheme的后代组件。

AboutListTile 关于应用条目

一个点击条目,点击时可以弹出应用相关信息,可指定应用图标、应用名、应用版本号等信息和内部的子组件列表。

Icon 图标组件

用于图标显示的组件。可指定图标资源、大小、颜色。非常简单,但是非常用

FadeInImage 淡入图片

透明渐变地加载一张图片。可指定占位图片、进退的动画曲线、时间、宽高、fit类型、对齐方式、重复方式等。

GridTileBar 网格瓦片头

Flutter提供的一个通用头结构,为左中右结构。相应位置可插入组件,可以很方便地应对特定的条目,相比ListTile而言,属性较少。

IconButton 图标按钮

可点击的图标按钮,可指定图标信息、内边距、大小、颜色等,接收点击事件。

Divider 水平分割线

水平分割线,可指定颜色、高度、粗细、左右边距信息,常用与列表的item分割线。

VerticalDivider 竖直分割线

竖直分割线,可指定颜色、宽度、粗细、上下边距信息,常用与列表的item分割线。

GridPager 网格线组件

可容纳一个组件,在其上绘制网格。可指定颜色、线宽、间距等属性。

Dialog 对话框

最简易的对话框面板,包含一个内容组件,可指定影深、背景色、形状等属性。

Drawer 滑页栏

一般用于Scaffold中的draw和endDraw属性作为左右的滑页栏,可以容纳一个子组件,能指定影深。

DrawerHeader 滑页栏

一般用于Drawer中,作为滑页栏的头部。可以指定内外边距、装饰、子组件等属性。

FlutterLogo Flutter图标

用于展示Flutter图标组件。可定义颜色、尺寸、展示模式等信息,是一个非常简单的组件。

Banner 角标组件

用于角标显示的组件。可容纳一个子组件,可选择方位添加角标及信息文字,可设置颜色。

ImageIcon 容器

用于将一个图片变为纯色的组件。可指定大小、颜色。

BackButton 返回按钮

一个具有返回功能的IconButton,返回图标不可更改。在iOS和Android中表现不同

CloseButton 关闭按钮

一个具有关闭功能的IconButton,关闭图标不可更改。

Placeholder 占位组件

一个矩形和叉叉的占位组件,可指定颜色、线宽、宽高等属性。

AboutDialog 弹出对话框

应用的简介对话框,可指定应用图标、应用名、应用版本号等信息和内部的子组件列表,点击左侧按钮可以跳转到证书页。

CupertinoActionSheetAction iOS行为单按键

一个按钮,应用场景很少,通常用于CupertinoActionSheet中,接收点击事件。

SimpleDialogOption 简单对话框选项

一个按钮,应用场景很少,通常用于SimpleDialog中,接收点击事件。

Tab 标签

一般用于TabBar中的item,上下结构,可指定图标和一个内容组件。