Flutter组件
Fang 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