Flutter Webアプリのタイトルとアイコンを設定するにはどうすればよいですか？

Question

私がやろうとしているのは、ブラウザに表示されたときにタブにアイコンとタイトルが表示されるフラッターWebアプリを作成することです（現在はワールドアイコンとローカルホスト...タイトルのみが表示されています）。

実結果 ：

望ましい結果：

編集：これはメイン関数で設定されているので、タイトルを追加できます

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      leading: Icon(Icons.menu, color: Colors.white,),
      title: Text(_your title here_),
    )
    ...
  );
}

だから、私が編集する必要があるのはファビコンだけです

Answer 1

すでにfavicon.icoファイルがあるとすると、以下に示すようにyour_project_dir\webフォルダー内にindex.htmlと一緒に配置するだけで、ブラウザーがそれを取得できます。

以下は、favicon.ico' in theweb`フォルダーを配置した結果です。必ずクリーンビルドを実行してください。

それ以外の場合は、このウィキペディアで説明されているように、index.html内のlinkタグを使用して手動で言及できます ページ 。

Answer 2

タイトルを希望どおりに変更するには、パラメータtitle（これはString）をMaterialAppウィジェットに追加する必要があります。

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