fix: 修复多次请求图片的问题 (#399)

手动设置 cache key，避免因为 s3 api 导致的问题

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/lang/zh-CN/
 
 - 修复搜索位置无法显示的问题
 - 捕获解码异常并修复在网页无法打开物品管理主页的问题
+- 修复多次请求图片的问题
 
 ## [0.9.7] - 2024-02-05
 

lib/storage/view/picture_page.dart

@@ -7,6 +7,7 @@ import 'package:smarthome/storage/bloc/blocs.dart';
 import 'package:smarthome/storage/model/models.dart';
 import 'package:smarthome/storage/repository/storage_repository.dart';
 import 'package:smarthome/utils/launch_url.dart';
+import 'package:smarthome/utils/parse_url.dart';
 import 'package:smarthome/utils/show_snack_bar.dart';
 import 'package:smarthome/widgets/center_loading_indicator.dart';
 import 'package:smarthome/widgets/error_message_button.dart';
@@ -102,6 +103,7 @@ class PictureScreen extends StatelessWidget {
         loadingBuilder: (context, event) => const CenterLoadingIndicator(),
         imageProvider: CachedNetworkImageProvider(
           state.picture.url!,
+          cacheKey: getCacheKey(state.picture.url!),
         ),
         minScale: PhotoViewComputedScale.contained,
         maxScale: PhotoViewComputedScale.covered * 5,

lib/utils/parse_url.dart

@@ -0,0 +1,5 @@
+/// 从 url 中获取缓存 key
+String getCacheKey(String url) {
+  final uri = Uri.parse(url);
+  return '${uri.host}:${uri.port}${uri.path}';
+}

lib/widgets/avatar.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:smarthome/utils/parse_url.dart';
 
 class MyCircleAvatar extends StatelessWidget {
   final String? avatarUrl;
@@ -30,6 +31,7 @@ class MyCircleAvatar extends StatelessWidget {
         ),
         placeholder: (context, url) => const CircularProgressIndicator(),
         errorWidget: (context, url, error) => const Icon(Icons.error),
+        cacheKey: getCacheKey(url),
       );
     } else {
       return CircleAvatar(