How to remove flet logo before app loading

[nascin]

Before loading the page of a web app, the flet logo appears, how to change or even remove the animation?

[FeodorFitsner]

I'm going to write a separate article next, but anyway, here you go. Animation displays /icons/icon-192.png, but it's embedded into Flet server executable. However, if you configure "assets" directory for your app as described here: https://flet.dev/docs/controls/image#src you will be able to override that image by putting yours inside assets folder with exactly same name:

/assets
   /icons
      /icon-192.png
main.py

Using this technique you can override any image or favicon used by Flet. Just notice in browser developer tools which URL it is requesting.

Let me know if you have any questions.

[jet10000]

https://github.com/flet-dev/examples/tree/main/python/apps/custom-loading-image

[jet10000]

I want to customize the title of the index.html page, but the $FLUTTER_BASE_HREF parameter in the page cannot be obtained and can only be manually set to "/"

[FeodorFitsner]

To change page title:

page.title = "Your title"
page.update()

[jet10000]

page.title = "Your title" is only displayed after the app is loaded, and "flet" is displayed during the app loading, so in order to customize the information during the app loading, the index.html page must be customized, but the $FLUTTER_BASE_HREF parameter in the page is invalid.

https://github.com/flet-dev/flet/tree/main/client/web

[FeodorFitsner]

I see. In your own index.html it should be always <base href="/">.