如何在颤动中将状态栏图标颜色更改为白色

Posted

技术标签:

【中文标题】如何在颤动中将状态栏图标颜色更改为白色【英文标题】:how can I change the status bar icon color to white in flutter 【发布时间】:2021-11-27 18:07:50 【问题描述】:

状态栏颜色应为黑色,其图标/文本颜色应为白色。但它不起作用。这是我的代码。各位高手,请帮我解决。谢谢你。

此处为首页图片。 [2:https://i.stack.imgur.com/sXU97.png][2]

【问题讨论】:

你可以加入你的FirstPage()吗? 当然。我已经添加了。 欢迎来到 Stack Overflow。 Please don't post screenshots of text。它们无法被屏幕阅读器等自适应技术的用户搜索或复制,甚至无法使用。相反,将代码作为文本直接粘贴到您的问题中。如果选择它并单击 按钮或Ctrl+K,则代码块将缩进四个空格,这将导致其呈现为代码。 【参考方案1】:

我们需要使用systemNavigationBarIconBrightness: Brightness.dark,android上变白并重建应用程序。

设置为[Brightness.light]时,系统导航栏图标为浅色。 设置为[Brightness.dark]时,系统导航栏图标为暗色。

  SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(
        statusBarColor: Colors.black, // status bar color
        systemNavigationBarIconBrightness: Brightness.dark, // Icon Color
      ),
    );

【讨论】:

仍然,状态栏图标颜色不是使用 Brightness.dark 或 Brightness.light 的白色。他们俩都没有做出任何改变。状态栏仍然保持黑色。 :( 您是否重新安装/重建了项目?你也可以试试flutter clean 然后重建项目。 是的,我确实重建了,也很干净。它仍然保持不变。我什至不知道为什么。

以上是关于如何在颤动中将状态栏图标颜色更改为白色的主要内容,如果未能解决你的问题,请参考以下文章

iOS 7:如何在一个视图控制器中将状态栏文本颜色更改为白色,在第二个视图控制器中更改为黑色?

SwiftUI:状态栏颜色

如何在 Android 中更改状态栏图标的颜色?

如何更改 Android 中的状态栏图标颜色?

是否可以将状态栏文本(前景)颜色更改为任意颜色(即不是黑色或白色)? [复制]

如何自定义状态栏图标和文字颜色?例如。状态栏背景:白色,状态栏图标颜色,文字:红色