Flutter 组件自动曝光
2023-09-27 14:28:53 时间
自动曝光 Widget
这是一个能自动监听子Widget是否曝光的组件
当发现子Widget在视窗内,停留时长超过设置的曝光时长条件(默认为0.5s)和曝光面积大于曝光展示比例条件(默认50%)
就会触发曝光回调并且将Key值记录到一个队列(默认最大存储100个Key)中,以后遇到队列中的Key值,不再进行曝光检测
安装
将下列代码加入到pubspec.yaml文件
dependencies:
exposure: ^1.0.3
用法
ExposureDetector({
key: Key('exposure'), // 自定义Key值
child: childWidget, //子widget
exposure: callBack // 曝光回调
});
示例代码
配置
- ExposureDetectorController.instance.setFilterList:Function 设置缓存key值队列
- ExposureDetectorController.instance.exposureTime:int 设置曝光时长 (ms)
- ExposureDetectorController.instance.exposureFraction:double 设置曝光比例
- ExposureDetectorController.instance.updateInterval:Duration 设置延时检测时间
相关文章
- flutter系列之:永远不用担心组件溢出的Wrap
- flutter系列之:Material中的3D组件Card
- Flutter 调用高德地图APP实现位置搜索、路线规划、逆地理编码
- flutter BottomAppBar 实现不规则底部导航栏
- Flutter移动电商实战 --(19)首页_火爆专区商品接口制作
- 创建交互式用户界面:Flutter 中可关闭小部件的实用指南
- Flutter 组件教程之用于创建易于定制的水平和垂直步进器 (教程含源码)
- Flutter 教程之 轮播图组件实现滚动视觉差(教程含源码)
- Flutter macOS开发教程之 界面布局与UI组件源码(教程含源码)
- flutter系列之:在flutter中使用媒体播放器
- Flutter一切皆widget但是不要将所有东西放入一个widget
- Flutter ubuntu 环境搭建