关于Flutter部件的使用说明
2020年01月09日第一次更新
名称 -- 是什么,做什么
若想使用material风格和cupertino风格,请导入如下
import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart';
AbsorbPointer -- 阻止事件触发,阻止一个复杂的小部件的所有子树触摸事件被触发,换言之,你不再需要分别处理每个子部件
AlertDialog -- 弹框,显示内容,并提供确定和取消的触摸交互
Align -- 子部件位置控制,控制一个孩子部件如何放置在其父母中,换言之,若父部件是围棋盘,则子部件是棋子,你可以通过Align把棋下在任何位置
AnimatedBuilder -- 显式动画,给小部件设置显式动画,如旋转
AnimatedContainer -- 隐式动画,给小部件设置隐式动画,即过渡动画,如红色过渡到蓝色,我们可以实现缓慢变色,而不是猛地一变
AnimatedCrossFade -- 交叉淡入动画,即一种变幻动画,两个小部件,一个部件变淡的同时伴随另一个小部件进入,代替它
AnimatedDefaultTextStyle -- 文字动画,如由粗字过渡为细字
AnimatedListState -- 滚动容器的状态,实际上是控制动画 的状态,包含插入和删除状态?
AnimatedModalBarrier -- 采用动画颜色的遮罩,阻止遮罩下的元素与用户互动
ModalBarrier -- 采用单一颜色的遮罩
AnimatedOpacity -- 给小部件设置 隐式动画,透明度的变化与过渡
AnimatedPhysicalModel -- PhysicalModel的动画版,带动画的物理模型,包含修改(边角)形状和颜色等
PhysicalModel -- 物理模型,包含修改(边角)形状和颜色等
AnimatedPositioned -- 由它包裹某个小部件,若该小部件位置发生变化,就会产生过渡动画,它作用在滑动部件上,会试滑动更优美
AnimatedSize 尺寸变化动画,当由它包裹的小部件的尺寸发生变化时,触发动画
AnimatedWidget -- 动画部件,能够根据监听的值的变化,进行重建,一般与其他动画部件配合使用?
AnimatedWidgetBaseState -- 隐式动画基类
AppBar -- material风格的应用栏,可以设置头部文字,动作按钮等
AspectRatio -- 设置子部件的长宽比,注意,若其父组件是Expanded,则需要在父子间加Align,否则AspectRatio 无法确认其子级的大小,将被父级强制扩展
AssetBundle -- 应用的资源集合,通过它可以使用配置好的文字和图片
BackdropFilter -- 模糊过滤器
Baseline -- 基准线,根据基准线来设置孩子的位置
BottomNavigationBar -- material风格的底部导航栏,可以设置>=2个图标、文字菜单
BottomSheet -- 底页,由底部划上来,一般不单独使用,可以通过showBottomSheet来使用
ButtonBar -- 按钮栏,放置一行或一列按钮,可以对按钮的属性作统一设置
Card -- material风格的卡片,通常用于显示一组相关信息,或任何东西
Center -- 居中部件,将其子部件居中
Checkbox -- material风格的多选部件,交互会回调onchanged
Chip -- material风格的芯片,用于组织紧凑的元素,如头像和名字
CircularProgressIndicator -- material风格的循环进度指示器,用于表示应用加载中或应用正忙
ClipOval -- 椭圆修剪器,使用椭圆形修剪其子项
ClipPath -- 路径裁剪器,基于路径裁剪其子项,路径是可以自定义的,因此你可以裁剪任何形状
ClipRect -- 矩形修剪器,使用矩形修剪其子项
Column -- 垂直排列,垂直排列子项(列表)
ConstrainedBox -- 给子部件施加约束,如约束其子部件最大宽度
Container -- flutter中的div,包裹后,使得子部件拥有背景色,宽高,边距等
CupertinoActionSheet -- iOS风格的操作表,通常置于底部,可以提供多项操作,标题的显示
CupertinoActivityIndicator -- iOS风格的活动指示器,顺时针旋转,用于表示应用加载中或应用正忙
CupertinoAlertDialog -- iOS风格的弹框,显示内容和交互,需要配合showDialog来实现真正的弹窗
CupertinoButton -- iOS风格的按钮
CupertinoDatePicker -- iOS风格的日期选择器
CupertinoDialog -- iOS风格的对话框,只能看不能触摸交互
CupertinoDialogAction -- iOS风格的弹框按钮,CupertinoAlertDialog底部就是用此按钮
CupertinoFullscreenDialogTransition
CupertinoNavigationBar
CupertinoPageScaffold
CupertinoPageTransition
CupertinoPicker
CupertinoPopupSurface
CupertinoScrollbar
CupertinoSegmentedControl
CupertinoSlider
CupertinoSwitch
CupertinoTabBar
CupertinoTabScaffold
CupertinoTabView
CupertinoTextField
CupertinoTimerPicker
CustomMultiChildLayout
CustomPaint -- canavs画布操作类
CustomScrollView
CustomSingleChildLayout
DataTable -- 表格
Date & Time Pickers / showDatePicker
DecoratedBox
DecoratedBoxTransition
DefaultTextStyle
Dismissible
Divider
DragTarget
Draggable
Drawer
DropdownButton
ExcludeSemantics
Expanded
ExpansionPanel
FadeTransition
FittedBox
FlatButton
FloatingActionButton
Flow
FlutterLogo
Form
FormField
FractionalTranslation
FractionallySizedBox
FutureBuilder
GestureDetector
GridView
Hero
Icon
IconButton
IgnorePointer
Image
IndexedStack
IntrinsicHeight
IntrinsicWidth
LayoutBuilder
LimitedBox
LinearProgressIndicator
ListBody
ListTile
ListView
LongPressDraggable
MaterialApp
MediaQuery
MergeSemantics
Navigator
NestedScrollView
NotificationListener
Offstage
Opacity
OverflowBox
Padding
PageView
Placeholder
PopupMenuButton
PositionedTransition
Radio
RaisedButton
RawImage
RawKeyboardListener
RefreshIndicator
RichText
RotatedBox
RotationTransition
Row
Scaffold
ScaleTransition
ScrollConfiguration
Scrollable
Scrollbar
Semantics
SimpleDialog
SingleChildScrollView
SizeTransition
SizedBox
SizedOverflowBox
SlideTransition
Slider
SliverAppBar
SnackBar
Stack
Stepper
StreamBuilder
Switch
TabBar
TabBarView
Table
Text
TextField
Theme
Tooltip
Transform
WidgetsApp
Wrap
转载保留:by有蚊子