Flutter图片缓存插件adv_image_cache的使用

Flutter 图片缓存插件 adv_image_cache 的使用

adv_image_cache 插件用于加载网络图片并应用缓存规则，同时提供方便的缓存管理。以下是该插件的主要功能：

• 加载网络图片
• 自定义缓存规则
• 内存缓存
• 选择缓存目录名称
• 失败时使用备用图片
• 后台缓存更新
• 强制清除单个缓存项
• 强制清除所有缓存项

主要类 AdvImageCache 用于图片加载和缓存规则。

缓存管理类 AdvImageCacheMgr 用于清除单个或所有缓存项。

示例代码

import 'package:adv_image_cache/adv_image_cache_mgr.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:adv_image_cache/adv_image_cache.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    // String platformVersion;
    // 平台消息可能会失败，所以我们使用一个 try/catch PlatformException。
    // try {
    //   platformVersion = await AdvImageCache.platformVersion;
    // } on PlatformException {
    //   platformVersion = 'Failed to get platform version.';
    // }

    // 如果在异步平台消息传输过程中，小部件从树中移除，我们需要丢弃回复而不是调用
    // setState 来更新我们的非存在的外观。
    // if (!mounted) return;

    // setState(() {
    //   _platformVersion = platformVersion;
    // });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                Center(
                  child: Column(
                    children: [
                      const Text("7天缓存过期"),
                      Image(
                          image: AdvImageCache(
                        "https://picsum.photos/100/160",
                        useMemCache: true,
                        fallbackAssetImage: "assets/img_err.png",
                      )),
                    ],
                  ),
                ),
                Center(
                  child: Column(
                    children: [
                      const Text("0秒缓存过期（总是刷新）"),
                      Image(
                          image: AdvImageCache(
                        "https://picsum.photos/100/150",
                        useMemCache: false,
                        diskCacheExpire: const Duration(seconds: 0),
                      )),
                    ],
                  ),
                ),
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                Center(
                  child: Column(
                    children: [
                      const Text("加载失败测试"),
                      Image(
                          image: AdvImageCache(
                        "https://picsumaaa.photos/100/170",
                        fallbackAssetImage: "assets/img_err.png",
                      )),
                    ],
                  ),
                ),
                Center(
                  child: Column(
                    children: [
                      const Text("1分钟缓存过期"),
                      Image(
                          image: AdvImageCache(
                        "https://picsum.photos/100/180",
                        useMemCache: true,
                        diskCacheExpire: const Duration(minutes: 1),
                      )),
                    ],
                  ),
                ),
              ],
            ),
            ElevatedButton(onPressed: () => setState(() {}), child: const Text("重新加载并测试缓存规则")),
            ElevatedButton(
                onPressed: () {
                  setState(() {
                    AdvImageCacheMgr().clearItem("https://picsum.photos/100/160");
                  });
                },
                child: const Text("强制清除第一个图片的缓存")),
            ElevatedButton(
              onPressed: () {
                setState(() {
                  AdvImageCacheMgr().clearAllItems();
                });
              },
              child: const Text("强制清除所有缓存项"),
            ),
          ],
        ),
      ),
    );
  }
}