当前位置: 首页 > news >正文

Flutter 类似onResume 监听,解决入场动画卡顿(2)

接着完善上一篇内容,上一篇我们是能监听到初次进入路由页面节点,往往还想监听从当前路由跳转到其他路由后,再返回到当前路由页面,上一篇内容就无法满足当前需求了,不过我们完全可以按照上一篇的原理实现这个需求。

直接上代码

/// @author bawomingtian
/// @date 2023/10/16
/// @desc 通过监听路由入场动画完成,判断路由完全进入,可以用来优化在进场动画执行过程中
/// 异步请求数据刷新界面,导致进场动画卡顿的问题
class AsyncState<T extends StatefulWidget> extends State<T> with RouteAwareMixin implements NavigatorObserver {Completer<bool> _resumeCompleter = Completer();@overridevoid didChangeDependencies() {ModalRoute.of(context)!.controller?.addStatusListener((status) {if (status == AnimationStatus.completed) {_resumeCompleter.complete(true);initAsyncLoad();}});super.didChangeDependencies();}@overridevoid initState() {super.initState();Navigator.observer.add(this);}@overridevoid dispose() {Navigator.observer.remove(this);super.dispose();}Future<E> asyncWaitResume<E>(Future<E> future) async {var value = await future;await _resumeCompleter.future;return value;}void initAsyncLoad() {}void resumeAsyncLoad() {}@overrideWidget build(BuildContext context) {return const SizedBox();}@overridevoid didPush(Route route, Route? previousRoute) {if (route is ModalRoute) {route.controller?.addStatusListener((status) {if (status == AnimationStatus.dismissed) {resumeAsyncLoad();}});}super.didPush(route, previousRoute);}}mixin RouteAwareMixin {void didPop(Route route, Route? previousRoute) {}void didPush(Route route, Route? previousRoute) {}void didRemove(Route route, Route? previousRoute) {}void didReplace({Route? newRoute, Route? oldRoute}) {}void didStartUserGesture(Route route, Route? previousRoute) {}void didStopUserGesture() {}@overrideNavigatorState? get navigator => throw UnimplementedError();
}

方法 initAsyncLoad 为第一次进入路由页面回调

方法 resumeAsyncLoad 为从其他路由返回到该路由页面回调

有了这两个方法,我们就可以异步请求一些耗时或者频繁多次调用的接口了,不用担心影响路由跳转动画

http://www.lryc.cn/news/205370.html

相关文章:

  • rabbitmq-3.8.15集群、集群镜像模式安装部署
  • import导入顺序杂乱的问题
  • Hadoop3教程(二十六):(生产调优篇)NameNode核心参数配置与回收站的启用
  • PaddleX场景实战:PP-TS在电压预测场景上的应用
  • pdf误删恢复如何恢复?分享4种恢复方法!
  • 简析新能源汽车充电桩设计与应用
  • Java零基础入门-算术运算符
  • java实现hbase数据导出
  • Unity之ShaderGraph如何实现旋涡效果
  • 【分布式】: 幂等性和实现方式
  • idea 设置serlvet 类模板(快捷生成servlet类)
  • SpringBoot自动配置原理解析 | 京东物流技术团队
  • AOP 笔记
  • 微信小程序导航退回及跳转 传参(navigateBack,navigateTo)
  • python实例代码介绍python基础知识
  • 【每日一题】掷骰子等于目标和的方法数
  • 霸王条款惹品牌争议,京东双11站在商家对立面?
  • 深度神经网络为何成功?其中的过程、思想和关键主张选择
  • 什么是服务器节点?
  • 水电站与数据可视化:洞察未来能源趋势的窗口
  • Mac运行Docker报错
  • 代码 $(“.btn“).click(function(){ 和代码 $(document).ready(function() 有啥区别?
  • 【nodejs脚本】为文件夹中的所有node项目执行命令 npm install 并收集error日志
  • 非父子组件通信-发布订阅模式
  • iPhone手机分辨率整理
  • 【linux】SourceForge 开源软件开发平台和仓库
  • LabVIEW应用开发——控件的使用(四)
  • MySQL - mvcc
  • SpringMVC 异常处理器
  • 迷你洗衣机哪个牌子好又实惠?内裤洗衣机热销前四榜单