How can you set title and icon for a flutter web app?

Question

What I\'m trying to do is build a flutter web app that, when displayed in the browser, the tab shows an icon and a title (as currently it only shows the world icon and the l

Answer 1

Assuming you already have a favicon.ico file, placing it inside the your_project_dir\web folder alongside index.html as shown below is enough for the browser to pick it up.

Following is the result of placing a favicon.ico' in theweb` folder. Make sure to do a clean build.

In other case you can manually mention it using the link tag inside your index.html as explained here in this Wikipedia page.

Answer 2

In order to change the title to what you desire, you need to add the parameter title (Which is a String) to your MaterialApp widget.

return MaterialApp(
  title: "MyTitle", 
  home: MyHomeWidget());