zoukankan      html  css  js  c++  java
  • 关于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有蚊子

  • 相关阅读:
    JS控制文本框输入的内容
    JavaScript属性
    无缝滚动
    CCS实例,网页栏目
    CSS特效
    HTML技巧
    如何解决问题
    判断输入的字符是不是数字
    删除txt文件内容
    能组成几个单词
  • 原文地址:https://www.cnblogs.com/ww01/p/12171567.html
Copyright © 2011-2022 走看看