如何使状态栏背景与应用程序背景相同 - Flutter - 在白色状态栏上将文本设为黑色？

Question

如何使状态栏背景与应用程序背景相同 - Flutter - 在白色状态栏上将文本设为黑色？

我在 Main() 中为此使用了 Color.transparent，但是在白色背景上，状态栏文本被删除了。

我的代码：

import 'package:flutter/services.dart';

void main() {
  SystemChrome.setSystemUIOverlayStyle(
    SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
    ),
  );
  runApp(const MyApp());
}

结果：

Answer 1

尝试这个：

import 'package:flutter/services.dart';

    void main() async {
      WidgetsFlutterBinding.ensureInitialized();
      SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarIconBrightness: Brightness.dark,
      systemNavigationBarIconBrightness: Brightness.light,
        statusBarColor: Colors.black,  //any color of your choice 
       systemNavigationBarColor: Color(0xff282828),
    
      ));
      runApp(const YourApp());
    }

Answer 2

Container(
  color: Colors.blue, // Status bar color
  child: SafeArea(
    left: false,
    right: false,
    bottom: false,
    child: Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue, // App bar color
      ),
    ),
  ),
),