- Container 容器组件">Container 容器组件
- Text 文字组件">Text 文字组件
- GestureDetector 手势监听器">GestureDetector 手势监听器
- ListView 列表组件">ListView 列表组件
- GridView 网格组件">GridView 网格组件
- SingleChildScrollView 单子滑动">SingleChildScrollView 单子滑动
- PageView 滑页">PageView 滑页
- CustomPaint 绘制组件">CustomPaint 绘制组件
- CircleAvatar 圆形组件">CircleAvatar 圆形组件
- Chip 小条组件">Chip 小条组件
- InputChip 综合小条">InputChip 综合小条
- FilterChip 过滤小条">FilterChip 过滤小条
- MaterialButton 材料按钮">MaterialButton 材料按钮
- FloatingActionButton 浮动按钮">FloatingActionButton 浮动按钮
- ToggleButtons 切换按钮组">ToggleButtons 切换按钮组
- Theme 主题">Theme 主题
- UserAccountsDrawerHeader 展示头">UserAccountsDrawerHeader 展示头
- Card 卡片组件">Card 卡片组件
- Visibility 显隐组件">Visibility 显隐组件
- ChoiceChip 选择小条">ChoiceChip 选择小条
- ActionChip 事件小条">ActionChip 事件小条
- ListTile 列表瓦片">ListTile 列表瓦片
- CheckboxListTile 复选瓦片">CheckboxListTile 复选瓦片
- SwitchListTile 切钮瓦片">SwitchListTile 切钮瓦片
- RadioListTile 选钮瓦片">RadioListTile 选钮瓦片
- GridTile 网格瓦片">GridTile 网格瓦片
- FlatButton 平按钮">FlatButton 平按钮
- RaisedButton 浮起按钮">RaisedButton 浮起按钮
- OutlineButton 线框按钮">OutlineButton 线框按钮
- ButtonBar 按钮栏">ButtonBar 按钮栏
- DataTable 数据表格">DataTable 数据表格
- Spacer 空间组件">Spacer 空间组件
- AnimatedIcon 图标动画">AnimatedIcon 图标动画
- AlertDialog 弹出对话框">AlertDialog 弹出对话框
- SimpleDialog 简单对话框">SimpleDialog 简单对话框
- CupertinoAlertDialog iOS对话框">CupertinoAlertDialog iOS对话框
- CupertinoActionSheet iOS行为单">CupertinoActionSheet iOS行为单
- DayPicker 日期选择器">DayPicker 日期选择器
- Listener 事件监听器">Listener 事件监听器
- PositionedDirectional 方向定位">PositionedDirectional 方向定位
- CupertinoTheme iOS主题">CupertinoTheme iOS主题
- AboutListTile 关于应用条目">AboutListTile 关于应用条目
- Icon 图标组件">Icon 图标组件
- FadeInImage 淡入图片">FadeInImage 淡入图片
- GridTileBar 网格瓦片头">GridTileBar 网格瓦片头
- IconButton 图标按钮">IconButton 图标按钮
- Divider 水平分割线">Divider 水平分割线
- VerticalDivider 竖直分割线">VerticalDivider 竖直分割线
- GridPager 网格线组件">GridPager 网格线组件
- Dialog 对话框">Dialog 对话框
- Drawer 滑页栏">Drawer 滑页栏
- DrawerHeader 滑页栏">DrawerHeader 滑页栏
- FlutterLogo Flutter图标">FlutterLogo Flutter图标
- Banner 角标组件">Banner 角标组件
- ImageIcon 容器">ImageIcon 容器
- BackButton 返回按钮">BackButton 返回按钮
- CloseButton 关闭按钮">CloseButton 关闭按钮
- Placeholder 占位组件">Placeholder 占位组件
- AboutDialog 弹出对话框">AboutDialog 弹出对话框
- CupertinoActionSheetAction iOS行为单按键">CupertinoActionSheetAction iOS行为单按键
- SimpleDialogOption 简单对话框选项">SimpleDialogOption 简单对话框选项
- Tab 标签">Tab 标签
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对话框
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 关闭按钮
Placeholder 占位组件
AboutDialog 弹出对话框
应用的简介对话框,可指定应用图标、应用名、应用版本号等信息和内部的子组件列表,点击左侧按钮可以跳转到证书页。
CupertinoActionSheetAction iOS行为单按键
一个按钮,应用场景很少,通常用于CupertinoActionSheet中,接收点击事件。
SimpleDialogOption 简单对话框选项
一个按钮,应用场景很少,通常用于SimpleDialog中,接收点击事件。
Tab 标签
一般用于TabBar中的item,上下结构,可指定图标和一个内容组件。