欢迎访问我的博客,目前从事Machine Learning,欢迎交流

关于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有蚊子

posted @ 2020-01-09 15:02  有蚊子  阅读(591)  评论(0编辑  收藏  举报