如何在Flutter Web应用程序中更改状态栏颜色？

Question

如何在Flutter Web应用程序中更改状态栏颜色？

3

我正在设计一个简单的 Web 应用程序，使用案例要求状态栏颜色在浏览器打开时立即更改。

我尝试使用下面提到的代码，但似乎只适用于 Android。我希望它能在 Flutter Web 上工作。任何解决方案或想法都将不胜感激。

void main() {
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
    statusBarColor: Color(0xffff3838),
  ));
  configureApp();
  runApp(const MyApp());
}

但结果是：

我想把这个蓝色改成橙色。

- Arijeet

在清单文件中添加theme_color（或更改它）为所需的颜色。 - Saman

1

尝试在manifest.json中更改，但根本没有变化。 - Arijeet

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- NhiNgo · Answer 1

您可以参考此回答，manifest.json对我无效，但index.html完美运行。

例如：

<meta name="theme-color" media="(prefers-color-scheme: light)" content="#FFFFFF">
<meta name="theme-color" media="(prefers-color-scheme: dark)"  content="#000000">

对我来说：

<meta name="theme-color" content="#FFFFFF">

请注意，透明度在这种情况下无法工作，仅支持纯色。祝你好运！