如何在Flatter中将状态栏图标和文本颜色更改为黑色？

Question

我在Flitter中的应用程序栏使用白色背景，如何将状态栏图标颜色更改为黑色，

我用这个代码来改变状态栏的颜色，

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith(
  statusBarColor: Colors.white,
  statusBarIconBrightness: Brightness.light,
));

Answer 1

如果使用AppBar，还需要在AppBar中将亮度设置为。如。

appBar: AppBar(
        backgroundColor: Colors.white,
        brightness: Brightness.dark,
),

你可以在这里查看详细答案：如何在Flutter中更改状态栏颜色？

Answer 2

颤振2.4.0更新

自颤振2.4.0以来<代码>亮度：亮度。不推荐使用深色。

它已被SystemOverlyStyle:SystemUIOverlyStyle取代。黑暗

如何使用：

import'软件包：颤振/服务。飞镖

appBar: AppBar(
    systemOverlayStyle: SystemUiOverlayStyle.dark,
    elevation: 0.0,
),

设置systemuioverlystyle。黑色如果你想要黑色图标。

设置systemuioverlystyle。如果需要白色图标，请点亮。

Answer 3

return AnnotatedRegion<SystemUiOverlayStyle>(
            //Set status bar icon color
            value: your_condition
                ? SystemUiOverlayStyle.dark.copyWith(
                    statusBarColor: your_color,
                    //statusBarIconBrightness: Brightness.light,
                  )
                : SystemUiOverlayStyle.light.copyWith(
                    statusBarColor: your_color,
                    //statusBarIconBrightness: Brightness.light,
                  ),
            child: your_widget);

return AppBar(
    elevation: 0.0,
    systemOverlayStyle: your_condition ? SystemUiOverlayStyle.dark : SystemUiOverlayStyle.light,
    backgroundColor: your_color,
);

• 你可以用上面两种方法的组合来达到你的目的