How to set status bar color when AppBar not present in Flutter

在Flutter中，如果您的应用没有使用AppBar，但您依旧想设定状态栏的颜色，您可以使用SystemChrome类来设置状态栏的样式。这个类是services库的一部分，可以让您直接控制系统界面的外观。

以下是具体实现的步骤和代码示例：

1. 引入所需的库

首先，确保您的Flutter项目中有引入services库：

dart
import 'package:flutter/services.dart';

2. 设置状态栏的颜色和亮度

接下来，在您的Widget的build方法或者初始化方法中，使用SystemChrome.setSystemUIOverlayStyle()方法来设置状态栏的颜色和亮度。例如：

dart
@override
void initState() {
  super.initState();
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.blue, // 设置状态栏的颜色
    statusBarBrightness: Brightness.dark, // 设置状态栏的亮度
  ));
}

在这个例子中，statusBarColor控制了状态栏的颜色。Colors.blue可以替换为任何您想要的颜色。statusBarBrightness控制状态栏图标的亮度，Brightness.dark会使状态栏的图标和文字显示为深色（适用于浅色背景），而Brightness.light则为浅色图标（适用于深色背景）。

3. 应用样式更改

确保这些设置在应用启动时或者在界面布局结构确定之前完成，以确保状态栏的样式被正确应用。

总结

通过使用SystemChrome.setSystemUIOverlayStyle()方法，即使在没有AppBar的情况下，我们也可以灵活地控制Flutter应用中的状态栏颜色和样式。这种方法尤其适用于需要高度定制UI的现代应用。