Question

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

我的项目名称为com.example.my_app_client，但我的应用程序名称为我的应用程序。

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

我找到了答案，并在下面将其添加为问答式自我答案。

Answer 1

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

web / 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>

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

<title>My App</title>

然后在Flutter应用加载时显示正确的标题。

Answer 2

您还可以在 title 小部件上使用 MaterialApp 属性，这对我有用

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title:'Your Title',
      home: HomePage(),
      theme: appTheme(),
    );
  }
}

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

2 个答案: