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

Question

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

第一页图片在这里。 [ 2 : https://i.stack.imgur.com/sXU97.png][2]

Answer 1

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

当设置为[Brightness.light]时，系统导航栏图标为浅色。
设置为【亮度.暗】时，系统导航栏图标为深色。

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

Answer 2

我知道我迟到了，但对于那些面临同样问题的人

在MaterialApp()主题属性中的main.dart添加如下代码

MaterialApp(
       theme: ThemeData(
        appBarTheme: AppBarTheme(
                systemOverlayStyle: const SystemUiOverlayStyle(
                  statusBarColor: Colors.transparent,
                  statusBarBrightness: Brightness.dark, // For iOS: (dark icons)
                  statusBarIconBrightness: Brightness.dark, // For Android(M and greater): (dark icons)
                ))),
);

注意到Brightness.dark提供深色图标，这当然适用于黑色背景情况下的白色背景Brightness.light

这将在您的应用程序中全局运行

如果你想要它用于特定页面， AppBar()中有一个名为systemOverlayStyle:将上面的相同代码复制到它

AppBar(
    systemOverlayStyle: const SystemUiOverlayStyle(
                      statusBarColor: Colors.transparent,
                      statusBarBrightness: Brightness.dark, // For iOS: (dark icons)
                      statusBarIconBrightness: Brightness.dark, // For Android(M and greater): (dark icons)
                    ),
),