Merge pull request #136 from flutter-news-app-full-source-code/Fix/web-splash-remover

fulleni · web-flow · commit 600c3e1cd2af · 2025-09-29T14:13:53.000+01:00
Fix/web splash remover
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.2.1
+
+-   **Fix:** Resolved an issue where the web splash screen would not disappear after the application loaded due to an incorrect bootstrap script in `index.html`.
+
 ## 1.2.0
 
 -   **Refactor:** Updated `flutter_launcher_icons` configurations.
diff --git a/lib/main.dart b/lib/main.dart
@@ -19,7 +19,9 @@ void main() async {
 
   // Only remove the splash screen on web after the app is ready.
   if (kIsWeb) {
-    removeSplashFromWeb();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      removeSplashFromWeb();
+    });
   }
 
   if (appConfig.environment == AppEnvironment.demo && kIsWeb) {
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,6 +1,6 @@
 name: flutter_news_app_mobile_client_full_source_code
 description: Complete, production-ready source code for a feature-rich Flutter news app mobile client.
-version: 1.2.0
+version: 1.2.1
 publish_to: none
 repository: https://github.com/flutter-news-app-full-source-code/flutter-news-app-mobile-client-full-source-code
 homepage: https://flutter-news-app-full-source-code.github.io/docs/
diff --git a/web/index.html b/web/index.html
@@ -115,6 +115,10 @@
       document.body.style.background = "transparent";
     }
   </script>
+  <script>
+    var serviceWorkerVersion = null;
+  </script>
+  <script src="flutter.js" defer></script>
 </head>
 
 <body>
@@ -132,12 +136,20 @@
     <div class="loader"></div>
   </div>
   <script>
-    { { flutter_bootstrap_js } }
+    window.addEventListener('load', function (ev) {
+      // Download main.dart.js
+      _flutter.loader.loadEntrypoint({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function (engineInitializer) {
+          engineInitializer.initializeEngine().then(function (appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    });
   </script>
-
-
-
-
 </body>
 
-</html>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,9 @@ void main() async {`
`19`	`19`
`20`	`20`	`// Only remove the splash screen on web after the app is ready.`
`21`	`21`	`if (kIsWeb) {`
`22`		`- removeSplashFromWeb();`
	`22`	`+ WidgetsBinding.instance.addPostFrameCallback((_) {`
	`23`	`+ removeSplashFromWeb();`
	`24`	`+ });`
`23`	`25`	`}`
`24`	`26`
`25`	`27`	`if (appConfig.environment == AppEnvironment.demo && kIsWeb) {`