version: 0.0.2

Author: kekland

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.2
+
+* Added tint color support (thanks @JulienDev!)
+
 ## 0.0.1
 
-* TODO: Describe initial release.
+* Initial release.

README.md

@@ -24,7 +24,7 @@ ProgressiveBlurWidget(
     start: Alignment.topCenter,
     end: Alignment.bottomCenter,
   ),
-  tintColor: Colors.orange.withOpacity(0.3), //optional
+  tintColor: Colors.orange.withOpacity(0.3), // Optional tint color
   child: ...
 );
 
@@ -34,7 +34,7 @@ ProgressiveBlurWidget(
 ProgressiveBlurWidget.custom(
   sigma: 24.0,
   blurTexture: [instance of ui.Image],
-  tintColor: Colors.purple.withOpacity(0.4), // optional
+  tintColor: Colors.purple.withOpacity(0.4), // Optional tint color
   child: ...,
 )
 ```

example/lib/main.dart

@@ -6,6 +6,7 @@ import 'package:figma_squircle/figma_squircle.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_map/flutter_map.dart';
+import 'package:palette_generator/palette_generator.dart';
 import 'package:progressive_blur/progressive_blur.dart';
 
 Future<void> main() async {
@@ -77,7 +78,10 @@ class _MainPageState extends State<MainPage> {
               sliver: SliverLayoutBuilder(
                 builder: (context, constraints) {
                   const preferredItemSize = 160.0;
-                  final crossAxisCount = math.max(1, (constraints.crossAxisExtent / preferredItemSize).floor());
+                  final crossAxisCount = math.max(
+                    1,
+                    (constraints.crossAxisExtent / preferredItemSize).floor(),
+                  );
 
                   return SliverGrid.builder(
                     gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
@@ -165,6 +169,29 @@ class _AlbumCard extends StatefulWidget {
 
 class _AlbumCardState extends State<_AlbumCard>
     with AutomaticKeepAliveClientMixin {
+  Color? _prominentColor;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadProminentColor();
+  }
+
+  Future<void> _loadProminentColor() async {
+    final palette = await PaletteGenerator.fromImageProvider(
+      NetworkImage(widget.imageUrl),
+    );
+
+    if (palette.dominantColor?.color != null) {
+      _prominentColor = Color.lerp(
+        palette.dominantColor?.color,
+        Colors.black,
+        0.5,
+      );
+      if (mounted) setState(() {});
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     super.build(context);
@@ -192,7 +219,7 @@ class _AlbumCardState extends State<_AlbumCard>
             cornerSmoothing: 0.6,
           ),
           child: ProgressiveBlurWidget(
-            tintColor: Colors.black.withValues(alpha: 0.5),
+            tintColor: _prominentColor ?? Colors.black.withValues(alpha: 0.5),
             linearGradientBlur: const LinearGradientBlur(
               values: [0, 1],
               stops: [0.5, 0.8],

example/pubspec.lock

@@ -143,26 +143,26 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
+      sha256: "8dcda04c3fc16c14f48a7bb586d4be1f0d1572731b6d81d51772ef47c02081e0"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.9"
+    version: "11.0.1"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
+      sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.9"
+    version: "3.0.10"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
+      sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.1"
+    version: "3.0.2"
   lints:
     dependency: transitive
     description:
@@ -219,6 +219,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.0"
+  palette_generator:
+    dependency: "direct main"
+    description:
+      name: palette_generator
+      sha256: "4420f7ccc3f0a4a906144e73f8b6267cd940b64f57a7262e95cb8cec3a8ae0ed"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.3+7"
   path:
     dependency: transitive
     description:
@@ -299,10 +307,10 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
+      sha256: "522f00f556e73044315fa4585ec3270f1808a4b186c936e612cab0b565ff1e00"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.4"
+    version: "0.7.6"
   typed_data:
     dependency: transitive
     description:
@@ -323,10 +331,10 @@ packages:
     dependency: transitive
     description:
       name: vector_math
-      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
+      sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.4"
+    version: "2.2.0"
   vm_service:
     dependency: transitive
     description:

example/pubspec.yaml

@@ -13,6 +13,7 @@ dependencies:
   cupertino_icons: ^1.0.8
   figma_squircle: ^0.6.3
   flutter_map: ^8.1.1
+  palette_generator: ^0.3.3+7
   progressive_blur:
     path: ..
 

pubspec.yaml

@@ -1,6 +1,6 @@
 name: progressive_blur
 description: "(Experimental) Progressive blur implementation in Flutter."
-version: 0.0.1
+version: 0.0.2
 homepage: https://github.com/kekland/progressive_blur
 
 environment: