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

bbuxkriu  于 2023-05-19  发布在  Flutter
关注(0)|答案(1)|浏览(198)

我正在设计一个简单的Web应用程序,用例要求状态栏颜色在浏览器打开时立即更改。
我尝试使用下面提到的代码,但它似乎只在Android上工作。我想让它在扑动的网络中工作。任何解决方案或想法将不胜感激。

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

但结果是:

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

vyu0f0g1

vyu0f0g11#

你可以参考this answermanifest.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">

请注意,不透明度在这种情况下将不起作用,只有纯色。祝你好运!

相关问题