⚡ Optimize image cache size

lib/main.dart

@@ -1,6 +1,7 @@
 import 'package:croppy/croppy.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:easy_localization_loader/easy_localization_loader.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:relative_time/relative_time.dart';
@@ -15,6 +16,10 @@ void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await EasyLocalization.ensureInitialized();
 
+  if (!kReleaseMode) {
+    debugInvertOversizedImages = true;
+  }
+
   runApp(const SolianApp());
 }
 

lib/widgets/attachment/attachment_item.dart

@@ -23,10 +23,14 @@ class AttachmentItem extends StatelessWidget {
       case 'image':
         return Hero(
           tag: 'attachment-${data.rid}-$heroTag',
-          child: UniversalImage(
+          child: LayoutBuilder(builder: (context, constraints) {
+            return UniversalImage(
               sn.getAttachmentUrl(data.rid),
               fit: BoxFit.cover,
-          ),
+              cacheHeight: constraints.maxHeight,
+              cacheWidth: constraints.maxWidth,
+            );
+          }),
         );
       default:
         return const Placeholder();

lib/widgets/navigation/app_background.dart

@@ -10,6 +10,8 @@ class AppBackground extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
+
     return ScaffoldMessenger(
       child: FutureBuilder(
         future:
@@ -21,17 +23,28 @@ class AppBackground extends StatelessWidget {
             if (file.existsSync()) {
               return Container(
                 color: Theme.of(context).colorScheme.surface,
-                child: Container(
+                child: LayoutBuilder(
+                  builder: (context, constraints) {
+                    return Container(
                       decoration: BoxDecoration(
                         backgroundBlendMode: BlendMode.darken,
                         color: Theme.of(context).colorScheme.surface,
                         image: DecorationImage(
                           opacity: 0.2,
-                      image: FileImage(file),
+                          image: ResizeImage(
+                            FileImage(file),
+                            width: (constraints.maxWidth * devicePixelRatio)
+                                .round(),
+                            height: (constraints.maxHeight * devicePixelRatio)
+                                .round(),
+                            policy: ResizeImagePolicy.fit,
+                          ),
                           fit: BoxFit.cover,
                         ),
                       ),
                       child: child,
+                    );
+                  },
                 ),
               );
             }