Init repo

lib/util/fladder_image.dart

@@ -0,0 +1,63 @@
+import 'package:fladder/models/items/images_models.dart';
+import 'package:fladder/providers/settings/client_settings_provider.dart';
+import 'package:fladder/util/adaptive_layout.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_blurhash/flutter_blurhash.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:transparent_image/transparent_image.dart';
+
+class FladderImage extends ConsumerWidget {
+  final ImageData? image;
+  final Widget Function(BuildContext context, Widget child, int? frame, bool wasSynchronouslyLoaded)? frameBuilder;
+  final Widget? placeHolder;
+  final BoxFit fit;
+  final bool enableBlur;
+  final bool blurOnly;
+  const FladderImage({
+    required this.image,
+    this.frameBuilder,
+    this.placeHolder,
+    this.fit = BoxFit.cover,
+    this.enableBlur = false,
+    this.blurOnly = false,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final useBluredPlaceHolder = ref.watch(clientSettingsProvider.select((value) => value.blurPlaceHolders));
+    final newImage = image;
+    final blurSize = AdaptiveLayout.of(context).isDesktop ? 32 : 16;
+    if (newImage == null) {
+      return placeHolder ?? Container();
+    } else {
+      return Stack(
+        key: Key(newImage.key),
+        fit: StackFit.expand,
+        children: [
+          if (useBluredPlaceHolder && !enableBlur && newImage.hash.isNotEmpty && !enableBlur)
+            Image(
+              fit: fit,
+              excludeFromSemantics: true,
+              filterQuality: FilterQuality.low,
+              image: BlurHashImage(
+                newImage.hash,
+                decodingWidth: blurSize,
+                decodingHeight: blurSize,
+              ),
+            ),
+          if (!blurOnly)
+            FadeInImage(
+              placeholder: Image.memory(kTransparentImage).image,
+              fit: fit,
+              placeholderFit: fit,
+              excludeFromSemantics: true,
+              filterQuality: FilterQuality.high,
+              placeholderFilterQuality: FilterQuality.low,
+              image: newImage.imageProvider,
+            )
+        ],
+      );
+    }
+  }
+}