Add blur background transition

jmshrv · Jul 27, 2022 · 2a9fafc · 2a9fafc
1 parent c3b47c5
commit 2a9fafc
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/lib/screens/player_screen.dart b/lib/screens/player_screen.dart
@@ -139,19 +139,21 @@ class _PlayerScreenBlurHash extends StatelessWidget {
     return StreamBuilder<MediaItem?>(
         stream: audioHandler.mediaItem,
         builder: (context, snapshot) {
+          Widget? dynWidget;
           if (snapshot.hasData) {
             final item =
                 BaseItemDto.fromJson(snapshot.data!.extras!["itemJson"]);
 
             final blurHash = item.imageBlurHashes?.primary?.values.first;
 
             if (blurHash != null) {
-              return ColorFiltered(
+              dynWidget = ColorFiltered(
                 colorFilter: ColorFilter.mode(
                     Theme.of(context).brightness == Brightness.dark
                         ? Colors.black.withOpacity(0.35)
                         : Colors.white.withOpacity(0.75),
                     BlendMode.srcOver),
+                key: ValueKey<String>(blurHash),
                 child: BlurHash(
                   hash: blurHash,
                   imageFit: BoxFit.cover,
@@ -160,7 +162,12 @@ class _PlayerScreenBlurHash extends StatelessWidget {
             }
           }
 
-          return const SizedBox.shrink();
+          dynWidget ??= const SizedBox.shrink();
+
+          return AnimatedSwitcher(
+            duration: const Duration(milliseconds: 300),
+            child: dynWidget,
+          );
         });
   }
 }