Flutter组件

2024/12/3 移动端知识点Flutter

# 组件

# flutter组件速览

  • Opacity 透明度组件
  • CupertinoActivityIndicator
  • ClipPath 裁剪组件
  • Scrollbar 滚动条组件
  • Switch 滑动开关组件
  • Dismissible 侧滑组件
  • NotificationListener 滚动通知组件
  • restorationId 杀死app缓存id
  • CompositedTransformFollower与CompositedTransformTarget 子弹瞄靶组件 手牵手 一起走
  • Container 容器
  • ValueListenableBuilder 听令组件
  • FadeInImage 图像加载错误补救组件
  • Offstage 隐藏组件
  • TickerMode 制止动画进程组件
  • Visibility 显隐组件
  • Padding 内边距组件
  • AnimatedContainer 带动画容器
  • CircleAvatar 带动画圆形头像组件
  • Divider 分割线组件
  • PhysicalShape
  • Flexible/Expanded/Spacer 弹性组件
  • Card 卡片组件
  • SizedBoo 盒子组件
  • ConstrainedBox 约束盒子组件
  • Stack 堆叠组件
  • Positioned 堆叠放置组件
  • OverflowBox 溢出组件
  • SizedOverflowBox 让孩子溢出组件
  • DecoratedBox 装饰盒子组件
  • BackdropFilter 遮罩组件 子组件不会受到影响 -> pi 2.8.3可以使用看看
  • ImageFiltered ColorFiltered 图片/颜色遮罩组件 子组件会受到影响
  • Draggable 与 DragTarget 拖拽组件,并不能定位,但是可以获得信息,然后让拖动组件重新渲染在其他位置
  • Tooltip 与 Overlay 一个用于鼠标手势的组件 悬浮显示相关信息
  • Autocomplete 自动填充 下拉联想框可以用这个
  • NavigationRail 桌面端侧边栏
  • Button 三个按钮 text outlined elevated 文字 边框 浮起 按钮
  • DateRangePickerDialog 日期范围选择组件 但是这个ui不会很契合目前的app
  • AppBar 全面认知 状态栏颜色的改变 这个确实是一个app设计的痛点 如何保证所有展示都一样高 而不会显得app很凌乱
  • FlexibleSpaceBar 一般和sliverAppBar一起使用 自定义appBar很酷炫 新app说不定可以用上这个动效
  • ImageFiltered 图像滤镜
  • ContextMenu 菜单 弹出工具框 文本框里面的拓展功能 复制、粘贴、全选
  • TapRegion 外域点击取消且不影响此次事件分发 可以解决页面点击事件 去除弹窗并响应弹窗下的事件
  • RawMagnifier 放大镜功能
  • Slivers体系
    • SliverMainAxisGroup 划片分组 可实现黏性标题
    • SliverCrossAxisGroup(SliverConstrainedCrossAxis SliverCrossAxisExpanded) 同向多轴滑动 完成更复杂的特性
    • DecoratedSliver 装饰滑块
  • InheritedNotifier 内置状态管理组件 没太看懂 应该是个小obx 使用xxx.of(context)能获取状态
  • Badge 标记组件 可以统一app里面的统一通知消息样式
  • DropdownMenu 下拉菜单组件 感觉选择优惠券的时候可以用上这个组件 还有用户搜索功能可以使用这个组件
  • InheritedWidget 共享组件 解决数据跨结点共享 数据定义 节点定义
  • InheritedModel 共享模型 添加枚举 指定数据更新UI
  • SharedAppData 应用数据共享 不知道作用 可能没有做切换主题的工作吧
  • MenuAnchor 多级菜单
  • UndoHistory 回退组件 记录上一次编辑的状态
  • PinnedHeaderSliver 3.24.0 吸顶组件
  • CarouselView 3.24.0 轮播图组件
  • CupertinoCheckbox ios风格的复选框组件
  • AnimatedSlide 滑动动画 设置offSet就可以调整组件的位置
  • AnimatedRotation 旋转动画 设置turns控制旋转角度 可以绘制小风车
  • AnimatedScale 缩放动画 设置scale控制缩放大小
  • AnimatedFractionallySizedBox 盒子动画 可以控制盒子内的组件大小 位置变化

# flutter中的类

  • tolerance 忍耐度
  • velocity 加速度
  • assert 断言
  • ScrollMetrics 滚动距离
  • overScrollIndicatorNotification

# flutter中的方法

# 复制

Clipboard.setData(ClipboardData(text:'复制粘贴好了'));
1
Last Updated: 2024/12/9 13:51:02