Flutter：更改状态栏文本颜色无法正常工作

Question

Whosebug 上提到的几乎所有 Q/A 都与同一主题相关，但没有得到适当的解决方案。

主要问题：我的应用有原色蓝色，我想设置状态栏文本颜色白色。

我尝试过的：

Using SystemChrome:（使用下面的代码，只是改变状态栏文本的颜色仅第一个屏幕，其他屏幕有 blue/black 组合 background/foreground。）

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: MaterialColor(0xFF084775, color), // status bar color
    statusBarBrightness: Brightness.light,//status bar brightness
    statusBarIconBrightness:Brightness.light , //status barIcon Brightness
));

截图：

启动画面：

仪表板屏幕：

Using ThemeData : (此方法给出与上述屏幕截图相同的结果)。

 theme: ThemeData(
            brightness: Brightness.light, // ADDED THIS LINE..
            primarySwatch: MaterialColor(0xFF084775, color),
            accentColor: Color(0xffe46b10),
            unselectedWidgetColor: Colors.grey,
            fontFamily: 'SourceSansPro',
          ),

我也检查了 github issue link 但对我没用。

我只需要将状态栏文本颜色更改为白色。有帮助吗？

Answer 1

申请所有appBar使用

 return MaterialApp(
                theme: ThemeData(
                  appBarTheme: Theme.of(context).appBarTheme.copyWith(brightness: Brightness.dark),
                ),
                debugShowCheckedModeBanner: false,
                // home: InvoiceList(),
                home: widget());

希望有用。

谢谢。

Answer 2

从 Flutter 2 开始

return MaterialApp(
        theme: ThemeData(
            appBarTheme: Theme.of(context)
                .appBarTheme
                .copyWith(systemOverlayStyle: SystemUiOverlayStyle.light)),
        debugShowCheckedModeBanner: false,
        home: widget());

Flutter：更改状态栏文本颜色无法正常工作

Flutter: Change Statusbar Text Color not working properly

statusbar

flutter

flutter-theme

flutter-design