flutter开发解决实际问题之加载帧动画开始时动画闪烁

最新推荐文章于 2023-08-19 11:17:03 发布

麻辣炖土豆儿

最新推荐文章于 2023-08-19 11:17:03 发布

阅读量2.1k

点赞数 4

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/xiaomi_0/article/details/117335257

版权

在Flutter开发中，作者遇到帧动画开始时闪烁的问题。经过排查，问题出现在动画图片资源不足和加载速度不匹配上。通过分析日志，作者发现图片加载速度慢于动画执行，导致短暂空白。通过设置`Image.asset`的`gaplessPlayback`属性为`true`，解决了动画闪烁的问题。

摘要由CSDN通过智能技术生成

在写下拉刷新的时候，进入页面显示刷新动画，但是动画开始时图片总是会闪烁，怀疑以下几点原因；

1、刷新控件刷新状态切换导致；

2、动画图片资源过少。

使用的刷新插件为：pull_to_refresh

猜想一验证：

刷新状态RefreshStatus.idle
刷新状态RefreshStatus.idle
刷新状态RefreshStatus.refreshing
刷新状态RefreshStatus.refreshing
刷新状态RefreshStatus.completed
刷新状态RefreshStatus.completed
刷新状态RefreshStatus.idle
刷新状态RefreshStatus.idle

如上为进入页面后自动触发刷新：

刷新状态RefreshStatus.canRefresh
刷新状态RefreshStatus.refreshing
刷新状态RefreshStatus.completed
刷新状态RefreshStatus.completed
刷新状态RefreshStatus.completed
刷新状态RefreshStatus.idle
刷新状态RefreshStatus.idle

如上为手动触发刷新。

可以看到除了idle状态会重复执行外，其他状态执行都是正常的，最终验证和控件没有关系。

并且将动画控件单独拿出来也是会出现闪烁，所以排除了控件的影响。