那又是一個趕專案的晚上，幾經實驗，我真的被 cached_network_image 和 flutter_cache_manager 搞瘋，它的清除Cache機制實在太隨緣
嘗試多抓了幾個其他的套件來試，有些是清Cache不符需求；有些是dependency的問題，讓我解了幾步後決定revert；有些更扯，在ListView載入圖片就卡頓。
真的太崩潰，不就是個Image + Cache？
我決定自己來，順便因應專案需求，加上Batch download cache
核心思路
- 檔案直接利用Cache資料夾儲存
- 記憶體中儲存目錄檔，依靠目錄檔來記錄有哪些檔案有Cache、及進階功能
- 若目錄標示檔案存在，直接使用Image.file
- 若不存在，顯示Image.network，同時後台下載備用快取(對…重複下載，我知道)
- 記憶體目錄檔更新的同時，同步存一份文件進Cache同資料夾，方便下次載入
實作流程
- 先定義好我的各種需求：高可控的Cache管理、批次url圖片載入Cache、清理過期檔案、能定義Cache檔案上限、放GridView裡頭也不卡頓
- 定義檔案結構，規劃就存在Cahce/{CacheManagerName}裡頭，以達到Cache分區
- 定義目錄檔，就是要把上限、保存期限、單檔資訊格式都給他定好，之後才能用
- 接下來就是實作階段，其實相對簡單，大概就三部份：開放的API介面、檔案管理系統、並行下載管理機制
應用程式碼
void main() async {
WidgetsFlutterBinding.ensureInitialized();
final cacheManager = QSImageCacheManager(name: 'demo', maxCount: 200, retainDays: 7);
await cacheManager.initial();
runApp(MyApp(cacheManager: cacheManager));
}
QSCachedImage(
url: 'https://example.com/pic.jpg',
cacheManager: cacheManager,
placeholder: const CircularProgressIndicator(),
errorWidget: const Icon(Icons.error),
);
Source：qs_cached_image
後續 & 展望
最後，還好這專案不枉我花幾小時重造輪子，算是順利解掉這最後的圖片問題(能自訂背景載全頁Cache、想刪就刪、想留多久留多久；重點是：順 + 穩)；可喜可賀。
也因為快取圖片問題搞得我火大，配上這專案的一些，偏特殊但勉強算常規的需求，我決定把它元件化。就又花了幾小時搞定這一切。
目前版本算是個達到了我的初衷：極簡可用依賴少，載圖顯示順還能滿足那些偏門需求。
有興趣的朋友歡迎一起優化、提 issue、或分享使用心得～
