状态栏中图标的颜色（颤动）

Question

我使用的是Flatter，状态栏的设计是黑色的，状态栏的图标颜色必须是白色，那么如何在Flatter中更改状态栏图标的颜色？

Answer 1

在lib/main中添加此代码段。省道文件。

        class App extends StatelessWidget {
          // This widget is the root of your application.
          @override
          Widget build(BuildContext context) {
        
            // This code changes background color and icon color of status bar
            SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
              // statusBarColor is used to set Status bar color in Android devices.
              statusBarColor: Colors.transparent,
        
              // To make Status bar icons color white in Android devices.
              statusBarIconBrightness: Brightness.light,
        
              // statusBarBrightness is used to set Status bar icon color in iOS.
              statusBarBrightness: Brightness.dark,
              // Here light means dark icon color for Status bar.
            ));
        
            // material app widget
            return MaterialApp(
        
              // Status bar color
              theme: ThemeData(
                appBarTheme: AppBarTheme(
                  // Brightness.dark will show white color icon
                  brightness: Brightness.dark,
                ),
              ),
        
              color: Colors.white,
        
              title: 'App',
        
              home: Scaffold(),
            );
          }
        }
        

这个链接也会对你有帮助。

Answer 2

要将图标更改为白色，请在构建方法中尝试以下操作：

import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';

class MyApp extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
    FlutterStatusbarcolor.setStatusBarColor(Colors.white);
    FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
...
}

方法setStatusBarWhiteForeground将文本和图标的颜色更改为白色（如果设置为true），否则颜色将为黑色。

更多信息在这里：https://github.com/mchome/flutter_statusbarcolor/blob/master/lib/flutter_statusbarcolor.dart#L29

Answer 3

将下面的代码片段添加到main中。飞镖SetSystemTimeOverlayStyle允许用户更改系统覆盖样式（如果有）。这将在你的应用程序中实现全局性的工作。

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: Colors.transparent,
statusBarIconBrightness: Brightness.dark));

这将给你以下效果（iOS）