tweaks

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-26 12:07:11 +08:00 · 2025-10-08 15:52:32 +08:00
parent 322885f284
commit 06d8296939
4 changed files with 28 additions and 101 deletions
--- a/lib/common/widgets/image/cached_network_svg_image.dart
+++ b/lib/common/widgets/image/cached_network_svg_image.dart
@@ -0,0 +1,223 @@
+// code from cached_network_svg_image;
+
+import 'dart:developer';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class CachedNetworkSVGImage extends StatefulWidget {
+  CachedNetworkSVGImage(
+    String url, {
+    Key? key,
+    String? cacheKey,
+    Widget? placeholder,
+    Widget? errorWidget,
+    double? width,
+    double? height,
+    Map<String, String>? headers,
+    BoxFit fit = BoxFit.contain,
+    AlignmentGeometry alignment = Alignment.center,
+    bool matchTextDirection = false,
+    bool allowDrawingOutsideViewBox = false,
+    String? semanticsLabel,
+    bool excludeFromSemantics = false,
+    SvgTheme theme = const SvgTheme(),
+    ColorFilter? colorFilter,
+    WidgetBuilder? placeholderBuilder,
+    BaseCacheManager? cacheManager,
+  }) : _url = url,
+       _cacheKey = cacheKey,
+       _placeholder = placeholder,
+       _errorWidget = errorWidget,
+       _width = width,
+       _height = height,
+       _headers = headers,
+       _fit = fit,
+       _alignment = alignment,
+       _matchTextDirection = matchTextDirection,
+       _allowDrawingOutsideViewBox = allowDrawingOutsideViewBox,
+       _semanticsLabel = semanticsLabel,
+       _excludeFromSemantics = excludeFromSemantics,
+       _theme = theme,
+       _colorFilter = colorFilter,
+       _placeholderBuilder = placeholderBuilder,
+       _cacheManager = cacheManager ?? DefaultCacheManager(),
+       super(key: key ?? ValueKey(cacheKey ?? url));
+
+  final String _url;
+  final String? _cacheKey;
+  final Widget? _placeholder;
+  final Widget? _errorWidget;
+  final double? _width;
+  final double? _height;
+  final Map<String, String>? _headers;
+  final BoxFit _fit;
+  final AlignmentGeometry _alignment;
+  final bool _matchTextDirection;
+  final bool _allowDrawingOutsideViewBox;
+  final String? _semanticsLabel;
+  final bool _excludeFromSemantics;
+  final SvgTheme _theme;
+  final ColorFilter? _colorFilter;
+  final WidgetBuilder? _placeholderBuilder;
+  final BaseCacheManager _cacheManager;
+
+  @override
+  State<CachedNetworkSVGImage> createState() => _CachedNetworkSVGImageState();
+
+  static Future<void> preCache(
+    String imageUrl, {
+    String? cacheKey,
+    BaseCacheManager? cacheManager,
+  }) {
+    final key = cacheKey ?? _generateKeyFromUrl(imageUrl);
+    cacheManager ??= DefaultCacheManager();
+    return cacheManager.downloadFile(key);
+  }
+
+  static Future<void> clearCacheForUrl(
+    String imageUrl, {
+    String? cacheKey,
+    BaseCacheManager? cacheManager,
+  }) {
+    final key = cacheKey ?? _generateKeyFromUrl(imageUrl);
+    cacheManager ??= DefaultCacheManager();
+    return cacheManager.removeFile(key);
+  }
+
+  static Future<void> clearCache({BaseCacheManager? cacheManager}) {
+    cacheManager ??= DefaultCacheManager();
+    return cacheManager.emptyCache();
+  }
+
+  static String _generateKeyFromUrl(String url) => url.split('?').first;
+}
+
+class _CachedNetworkSVGImageState extends State<CachedNetworkSVGImage> {
+  bool _isLoading = false;
+  bool _isError = false;
+  String? _svgString;
+  late final String _cacheKey;
+  double? height;
+  late TextScaler textScaler;
+
+  static final _sizeRegExp = RegExp(
+    r'height="([\d\.]+)([c-x]{2})?"',
+  );
+
+  @override
+  void initState() {
+    super.initState();
+    _cacheKey =
+        widget._cacheKey ??
+        CachedNetworkSVGImage._generateKeyFromUrl(widget._url);
+    _loadImage();
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    textScaler = MediaQuery.textScalerOf(context);
+  }
+
+  Future<void> _loadImage() async {
+    try {
+      var file = (await widget._cacheManager.getFileFromCache(_cacheKey))?.file;
+
+      file ??= await widget._cacheManager.getSingleFile(
+        widget._url,
+        key: _cacheKey,
+        headers: widget._headers ?? {},
+      );
+      final svg = await file.readAsString();
+      _svgString = svg;
+      if (widget._width == null && widget._height == null) {
+        final match = _sizeRegExp.firstMatch(svg);
+        if (match != null) {
+          double h = double.parse(match.group(1)!);
+          final suffix = match.group(2);
+          if (suffix != null) {
+            h *= switch (suffix) {
+              'em' => textScaler.scale(widget._theme.fontSize),
+              'ex' => textScaler.scale(widget._theme.xHeight),
+              'pt' => 1.25,
+              'pc' => 15.0,
+              'mm' => 3.543307,
+              'cm' => 35.43307,
+              'in' => 90.0,
+              _ => 1.0,
+            };
+          }
+          height = h;
+        }
+      }
+
+      _isLoading = false;
+
+      _setState();
+    } catch (e) {
+      log('CachedNetworkSVGImage: $e');
+
+      _isError = true;
+      _isLoading = false;
+
+      _setState();
+    }
+  }
+
+  void _setState() {
+    if (mounted) {
+      setState(() {});
+    } else {
+      SchedulerBinding.instance.addPostFrameCallback((_) {
+        if (mounted) {
+          setState(() {});
+        }
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: widget._width,
+      height: widget._height,
+      child: _buildImage(),
+    );
+  }
+
+  Widget? _buildImage() {
+    if (_isLoading) return _buildPlaceholderWidget();
+
+    if (_isError) return _buildErrorWidget();
+
+    return _buildSVGImage();
+  }
+
+  Widget _buildPlaceholderWidget() => Center(child: widget._placeholder);
+
+  Widget _buildErrorWidget() => Center(child: widget._errorWidget);
+
+  Widget? _buildSVGImage() {
+    if (_svgString == null) {
+      return Center(child: widget._placeholderBuilder?.call(context));
+    }
+
+    return SvgPicture.string(
+      _svgString!,
+      fit: widget._fit,
+      width: widget._width,
+      height: widget._height ?? height,
+      alignment: widget._alignment,
+      matchTextDirection: widget._matchTextDirection,
+      allowDrawingOutsideViewBox: widget._allowDrawingOutsideViewBox,
+      semanticsLabel: widget._semanticsLabel,
+      excludeFromSemantics: widget._excludeFromSemantics,
+      colorFilter: widget._colorFilter,
+      placeholderBuilder: widget._placeholderBuilder,
+      theme: widget._theme,
+    );
+  }
+}