Flutter Widgets目录(flutter中文网整理)

**

Flutter Widgets目录

说明:对一些自己用到过的widgets进行了说明
**
目录:
1. 基础组件
2. Material Component
3. Cupertino(ios风格的Widget)
4. layout
5. Text
6. Assets、图片、Icons
7. Input
8. 动画、Motion
9. 交互模型
10. 样式
11. 绘制和效果
12. Async
13. 滚动
14. 辅助功能

1、基础组件
* Container:绘制、定位、调整大小
* Row:水平方向调整子widget的列表
* Column:垂直方向子widget的列表
* Image:显示图片的widget
* Text:单一格式的文档
* Icon:a material design Icon
* RaiseButton:一个凸起的举行材质按钮
* Scaffold:布局结构的基本实现。用于显示drawer、snackbar、和底部sheet API
* Appbar:一个Material Design程序栏、由工具栏和其他有可能的widget
* FlutterLogo:以widget形式,该widget遵从Icon Theme
* Placeholder:一个绘制了一个盒子的widget,代表日后有widget会被添加到该盒子中

2、App结构和导航
* Scaffold
* Appbar

4、单个子元素的Widget
* Container
* Padding
* Center
* Align
* FittedBox
* AspectRatio
* ConstrainedBox
* Baseline
* OverflowBox
* SizedBox
* SizeOverflowBox
* Transform

拥有多个子元素的Widget
* Row:水平方向排列子Widget的列表
* Column:垂直方向上排列子Widget的列表
* Stack:允许子其子Widget简单的堆叠在一起
* IndexedStack
* Flow:实现流式布局的算法的Widget
* Table:为其子Widget使用表格布局算法的Widget
* Wrap:水平和垂直方向多行显示其子Widget
* ListBody:沿着一个给定的轴,顺序排列它的子元素
* ListView:最常用,滚动
* CustomMultiChildLayout

LayoutHelpers
* layoutBuilder

5、文本Widget
* Text
* RichText
* DefaultTextStyle:用于指定TextWidget的文字样式

6、Assets、Images、Icon
* Image
* Icon
* RawImage:一个直接显示dart:ui.image的widget
* AssetBundle

7、Input表单Widget
* Form:一个可选的、用于给多个TextField分组的widget
* FormField:一个单独的表单字段,此widget维护表单字段的当前状态,以便于在UI中直观的反映验证错误

8、动画和motion Widget
* AnimateContainer
* AnimatedCrossFade
* Hero
* AnimateBuilder构建动画的通用小部件
* DecoratedBoxTransion
* FadeTransition透明度
* PositionedTransition
* RotationTransition对widget使用旋转动画
* ScaleTransition对Widget使用缩放动画
* SizeTransition尺寸
* SlideTransition
* AnimatedListState动画列表的状态
* AnimatedModelBarrier
* AnimatedSize自动改变孩子的的大小
* AnimatedWidget
* AnimatedWidgetBateState

9、交互模型Widget
* LongPressDraggable长按可拖动
* GestureDetector检测手势的widget
* DragTarget
* Dismissible
* IgnorePointer
* AbsorbPointer
* Navigator导航,可以再多个页面间跳转
* Scrollable实现可滚动Widget的交互模型,不包含UI显示相关的逻辑

10、样式Widget
* Padding,给其子Widget添加指定的填充
* Theme,将主题应用于子Widget,主题描述了应用选择的颜色和字体
* MediaQuery

11、绘制和视觉效果Widget
* Opacity使其子Widget透明的widget
* Transform
* DecoratedBox在孩子绘制之前或之后绘制的
* FractionalTranslate,绘制盒子之前给其添加一个偏移转换
* RotatedBox,延顺时针选90度的旋转其子Widget
* ClipPath,用path编辑其孩子的widget
* ClipRect,用矩形
* CustomPaint,提供一个画布的widget
* BackdropFilter

12、异步widget
* FutureBuilder,基于Future交互的最新快照,来构建自身的widget
* StreamBuilder,基于流交互的最新快照,来构建自身的widget

13、可滚动的Widget
* ListView,一个可滚动的列表
* NestedScrollView,嵌套其他滚动
* GridView,可滚动的二维空间数组
* SingleChildScrollView
* Scrollable,实现可滚动widget的交互模型,但是不包含UI相关的逻辑
* Scrollbar,一个Material Design滚动条,表示当前滚动到了什么位置
* CustomScrollView
* NotificationListener,用来监听书上冒泡通知的widget
* ScrollConfiguration,控制可滚动组件在子树中的表现行为
* RefreshIndicator

14、辅助功能Widget
* Semantics,描述widget树的具体语义
* MergeSemantics
* ExcludeSemantics

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值