Flutter web-rendrer html is not showing network images in release mode on mobile chrome and firefox

381 Views Asked by At

I'm new in Flutter and I have build my portfolio dynamic and responsive web app where I have picked image URLs from Firebase. The images are not shown before by using NetworkImage widget. Then I tried using flutter run -d chrome and images are shown properly as expected.

Then I used "html rendrer" properly in 'index.html' it works fine in debug mode:

<script>
    window.flutterWebRenderer = "html";
</script>

It keeps giving me this note in debug mode each time on hot restart:

window.flutterWebRenderer is now deprecated. Use engineInitializer.initializeEngine(config) instead. See: https://docs.flutter.dev/development/platform-integration/web/initialization

Once my portfolio completed, I used this to build release of my app from documentation:

flutter build web --web-renderer canvaskit --release

I have used GitHub pages to host it.

Link

Now the problem is that it is running as expected only on my Chrome browser, but on others, like Firefox, mobile Chrome and Vivo browser, it is not loading images as I have not used the html rendrer.

It is the example of firefox

Expected output: My chrome browser output

0

There are 0 best solutions below