Kazumi项目排期表页面图片闪烁问题分析与修复

问题背景

在Kazumi项目升级Flutter到3.27.2版本后，用户反馈在排期表页面进入番剧详情时，图片会出现两次明显的闪烁现象。这种现象影响了用户体验，因为按照预期，图片加载应该只导致一次闪烁。

问题现象

具体表现为：

1. 从排期表页面导航到番剧详情页面时
2. 详情页面的图片会经历两次明显的视觉闪烁
3. 这种现象在升级Flutter 3.27.2后才出现

技术分析

经过开发团队分析，这个问题可能与Flutter引擎的以下方面有关：

1. 图片加载机制变更：Flutter 3.27.2可能修改了图片加载和缓存策略
2. 页面过渡效果：导航过渡动画可能与图片加载过程产生了冲突
3. 渲染管线优化：新版本可能对渲染流程进行了调整，导致额外的重绘

值得注意的是，这个问题在macOS和iOS平台上并未出现，表明它可能与特定平台的渲染实现有关。

解决方案

开发团队考虑了多种解决方案：

1. 回退Flutter版本：虽然可行，但由于项目即将提交到F-Droid商店，且F-Droid会使用最新的稳定版Flutter构建，这不是最佳选择
2. 修改图片加载逻辑：通过优化图片加载和缓存策略来减少闪烁
3. 调整页面过渡效果：修改导航动画以减少视觉干扰

最终，团队选择了优化图片加载逻辑的方案，因为它：

• 不需要回退Flutter版本
• 对应用性能影响最小
• 能够保持跨平台一致性

实现细节

修复方案主要包含以下技术要点：

1. 预加载策略优化：提前加载可能需要的图片资源
2. 缓存管理增强：改进图片缓存策略，减少重复加载
3. 过渡动画调整：微调页面切换动画，使其与图片加载过程更协调

经验总结

这个问题的解决过程提供了以下有价值的经验：

1. 版本升级需谨慎：即使是稳定版升级也可能引入意外行为变化
2. 平台差异需重视：同一问题在不同平台可能有不同表现
3. 用户体验优先：视觉细节对用户体验影响重大，需要及时响应

该修复已在Kazumi 1.5.2版本中发布，有效解决了图片闪烁问题，同时保持了应用的流畅性和跨平台一致性。