Use a transparent placeholder when transitioning Podcast chapter image

lib/main.dart

@@ -45,12 +45,14 @@ void main() async {
     final repository = SembastRepository();
     await Firebase.initializeApp();
     _configureEasyLoading();
-    SharedPreferences.getInstance().then((preferences) async {
-      await runMigration(preferences);
-      AppBlocs blocs = AppBlocs(repository.backupDatabaseListener);
-      runApp(AppBlocsProvider(
-          appBlocs: blocs,
-          child: AnytimePodcastApp(
+    SharedPreferences.getInstance().then(
+      (preferences) async {
+        await runMigration(preferences);
+        AppBlocs blocs = AppBlocs(repository.backupDatabaseListener);
+        runApp(
+          AppBlocsProvider(
+            appBlocs: blocs,
+            child: AnytimePodcastApp(
               mobileService,
               repository,
               Provider<PodcastPaymentsBloc>(
@@ -65,17 +67,26 @@ void main() async {
                 ),
                 dispose: (_, value) => value.dispose(),
                 child: PlayerControlsBuilder(
-                    builder: playerBuilder,
-                    child: PlaceholderBuilder(
-                        builder: placeholderBuilder,
-                        errorBuilder: errorPlaceholderBuilder,
-                        child: SharePodcastButtonBuilder(
-                            builder: sharePodcastButtonBuilder,
-                            child: ShareEpisodeButtonBuilder(
-                                builder: shareEpisodeButtonBuilder,
-                                child: UserApp(repository.reloadDatabaseSink))))),
-              ))));
-    });
+                  builder: playerBuilder,
+                  child: PlaceholderBuilder(
+                    builder: placeholderBuilder,
+                    errorBuilder: errorPlaceholderBuilder,
+                    podcastImageBuilder: podcastImagePlaceholderBuilder,
+                    child: SharePodcastButtonBuilder(
+                      builder: sharePodcastButtonBuilder,
+                      child: ShareEpisodeButtonBuilder(
+                        builder: shareEpisodeButtonBuilder,
+                        child: UserApp(repository.reloadDatabaseSink),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
   }, (error, stackTrace) async {
     BreezBridge breezBridge = ServiceInjector().breezBridge;
     if (error is! FlutterErrorDetails) {

lib/routes/podcast/podcast_page.dart

@@ -264,6 +264,14 @@ WidgetBuilder placeholderBuilder() {
   return builder;
 }
 
+WidgetBuilder podcastImagePlaceholderBuilder() {
+  builder(BuildContext context) => Container(
+        color: Colors.transparent,
+        constraints: const BoxConstraints.expand(),
+      );
+  return builder;
+}
+
 WidgetBuilder errorPlaceholderBuilder() {
   builder(BuildContext context) => Placeholder(
         color: Theme.of(context).colorScheme.error,

pubspec.lock

@@ -37,8 +37,8 @@ packages:
     dependency: "direct main"
     description:
       path: "."
-      ref: "7ae0038eb14e1ebaa1eb8a26ae144a795e0b787d"
-      resolved-ref: "7ae0038eb14e1ebaa1eb8a26ae144a795e0b787d"
+      ref: db9f878aa640954aa272e92bd7a5c364683179a9
+      resolved-ref: db9f878aa640954aa272e92bd7a5c364683179a9
       url: "https://github.com/breez/anytime_podcast_player.git"
     source: git
     version: "1.2.1+74-breez"

pubspec.yaml

@@ -101,7 +101,7 @@ dependencies:
   anytime:
     git:
       url: https://github.com/breez/anytime_podcast_player.git
-      ref: 7ae0038eb14e1ebaa1eb8a26ae144a795e0b787d
+      ref: db9f878aa640954aa272e92bd7a5c364683179a9
   flutter_downloader:
     git:
       url: https://github.com/breez/flutter_downloader.git