为什么我的状态栏图标是黑色的,我为什么无法更改它?(Flutter 2.0 升级后)

7
我升级Flutter至2.0后,状态栏图标/文字颜色从白色变为黑色。由于没有做其他更改,所有应用程序的状态栏图标现在都是黑色的。为什么会这样?

enter image description here

我尝试了真实设备,结果相同。所以这不是模拟器的问题。 同时,Brightness.light也无法工作:
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarIconBrightness: Brightness.light,
  ));

当我运行这段代码时,它会在几秒钟内变成白色,然后再次变成黑色。就像这样:

enter image description here

我想知道在Flutter 2.0之后升级的人是否有相同的问题?
这是什么原因,如何使白色再次出现?
< p > < em > < strong >编辑:当我运行flutter downgrade时,它变成了白色。问题似乎出在升级到Flutter 2.0上。但是这一次,当我运行statusBarIconBrightness: Brightness.dark时,它会变黑几秒钟,然后再次变成白色。这段代码根本不起作用。因此,Flutter 2.0不是我无法将其从黑色更改为白色的原因。但是它变黑的原因是Flutter 2.0。


是的,我可以确认这个问题,因为它也发生在我的项目中。@Tipu Sultan的解决方案对我有用。感谢您在StackOverFlow上提出这个问题。 - VipiN Negi
这仍然是一个问题,有任何消息吗? - artonbej
@ArtonBej 状态栏图标黑色:https://github.com/flutter/flutter/issues/77502 => https://github.com/flutter/flutter/pull/75091 statusBarIconBrightness不起作用:https://github.com/flutter/flutter/issues/77887 => https://github.com/flutter/flutter/issues/64001。所以这两个问题仍然未解决。 - zeed
5个回答

6

试试这个

MaterialApp(
      //...
      theme: ThemeData(
        //...
        appBarTheme: AppBarTheme(brightness: Brightness.dark),
      ),
      //...
    )

2

这是一个bug,我看到有人在flutter存储库上创建了一个问题

同时,这段代码确实修复了一个问题:

appBar: AppBar(
  brightness: Brightness.dark,
),

哪一个是错误?statusBarIconBrightness: Brightness.dark无法工作还是Flutter 2.0中状态栏图标变黑了? - zeed
1
Flutter 2.0中状态栏图标变黑 - Nagual

0
发现了解决方法。亮度:Brightness.dark;
AppBar(
  title: Text(widget.title),
  backgroundColor: Constants.appBarColor,
  brightness: Brightness.dark;
  centerTitle: false,
  elevation: 4.0,
);

所以,Brightness.dark 会使状态栏变为白色。


在Flutter 2.5中,该功能已被弃用。 - Levent KANTAROGLU

0

试一下这个:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light)

1
它的工作方式并不像 statusBarIconBrightness: Brightness.light 一样。 - zeed
1
嗯...很抱歉它对你没用。如果你想的话,也可以看看SafeArea小部件。也许那样会有用。 - Yusuf-Uluc

0
如果您正在使用新的Flutter SDK 2.5,则请使用以下代码:

appBar: AppBar(systemOverlayStyle: SystemUiOverlayStyle.light,)

而不是已被弃用的"brightness: Brightness.dark"。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接