如何自定义flutter中的状态栏？

Question

我创建了一个 flutter 应用程序并正在检查物理设备。我查看了用于自定义状态栏的堆栈溢出，但得到的答案很少。但是当我改变状态栏的颜色时，整个状态栏的颜色都会改变（包括电池指示灯、移动网络和其他东西。）因此内容变得不可见。如何给状态栏的内容单独的颜色？

如有任何帮助，我们将不胜感激。

状态栏颜色变化代码如下：

  import 'package:flutter/services.dart';
    
    void main() {
      SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        systemNavigationBarColor: Colors.white,
        statusBarColor: Colors.black,
      ));
      runApp(MyApp());
    }
    
    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }

这是我得到的：

这就是我想要实现的目标：

Answer 1

你可以试试这个。使用 statusBarIconBrightness，statusBarBrightness 可以自定义状态栏图标和亮度。

 Widget build(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
        value: SystemUiOverlayStyle(
            statusBarBrightness: Brightness.light,// here what you need 
            statusBarIconBrightness: Brightness.light // here is what you need,
            statusBarColor: Colors.black.withOpacity(0.8),
            systemNavigationBarColor: Colors.black.withOpacity(0.8)),
        child: Scaffold(body: _buildScreenWidget()));
  };

您需要尝试使用这些属性，直到获得您想要的为止。

尽情享受吧！！！

如何自定义flutter中的状态栏？

How to customize the status bar in flutter?

dart-pub

flutter

flutter-dependencies

flutter-layout

flutter-animation