Flutter中如何获取状态栏图标与字体实际使用的颜色？

首先明确核心前提：Flutter 官方没有提供直接读取状态栏图标、字体精确色值的API，SystemUiOverlayStyle的statusBarIconBrightness仅通过枚举控制样式，实际色值由系统根据枚举值映射生成，可通过以下方式推导获取：

• 首先掌握系统默认的亮度-色值映射规则
  • 当statusBarIconBrightness为Brightness.light时，状态栏图标、字体实际生效色值为纯白色 #FFFFFFFF，用于深色状态栏背景场景
  • 当statusBarIconBrightness为Brightness.dark时，状态栏图标、字体实际生效色值为70%透明度的黑色 #B3000000，用于浅色状态栏背景场景

该映射规则为Android、iOS系统原生默认逻辑，只要未通过原生代码自定义状态栏图标颜色，该映射就完全生效。

• 读取当前生效的亮度枚举，推导对应色值
  全局生效的状态栏样式可通过SystemChrome提供的方法直接获取，参考代码：

// 获取当前系统全局生效的UI覆盖样式
final SystemUiOverlayStyle currentOverlayStyle = SystemChrome.getSystemUiOverlayStyle();
// 提取状态栏图标亮度配置
final Brightness iconBrightness = currentOverlayStyle.statusBarIconBrightness;

// 根据亮度匹配实际色值
Color realStatusBarIconColor;
if (iconBrightness == Brightness.light) {
  realStatusBarIconColor = const Color(0xFFFFFFFF);
} else {
  realStatusBarIconColor = const Color(0xB3000000);
}

• 组件场景下的样式获取
  如果使用了AppBar、CupertinoNavigationBar这类会自动调整状态栏样式的组件，全局配置可能和组件局部生效的样式不一致，需要通过上下文读取当前位置的生效样式：

// 在组件build阶段通过上下文获取适配后的Overlay样式
final SystemUiOverlayStyle contextOverlayStyle = AppBarTheme.of(context).systemOverlayStyle ??
    (Theme.of(context).brightness == Brightness.dark
        ? SystemUiOverlayStyle.light
        : SystemUiOverlayStyle.dark);
// 后续同样通过statusBarIconBrightness属性推导色值即可

• 自定义场景适配
  如果项目中通过原生端代码自定义了状态栏图标、字体颜色，上述推导规则不适用，需要自行搭建MethodChannel，从原生层读取实际设置的色值传递到Flutter层使用。

内容的提问来源于stack exchange，提问作者SePröbläm