浏览器选项卡在 Flutter Web 应用程序加载时显示项目名称

Sur*_*gch 5 dart flutter flutter-web

我正在创建一个 Flutter Web 应用程序。当它启动并下载 Flutter 内容时,浏览器中的选项卡会显示项目名称而不是应用程序名称。这看起来很丑。

在此处输入图片说明

我的项目名称是com.example.my_app_client,但我的应用名称是My App

如何更改浏览器标签文本以显示“我的应用程序”?

我找到了答案,并将其添加到下面作为问答风格的自我回答。

Sur*_*gch 5

您的项目中有一个名为web的顶级文件夹。打开该文件夹中的index.html文件,您应该会看到类似于以下内容的内容:

网页/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>my_app_client</title>
</head>
<body>
  <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

将标题文本更改为您的应用名称:

<title>My App</title>
Run Code Online (Sandbox Code Playgroud)

这将在加载 Flutter 应用程序时显示正确的标题。

在此处输入图片说明