Flutter中如何正确获取AppBar文本颜色？现有方式返回错误结果

问题原因 #

1. 你的代码里没有实际构建AppBar组件，当前上下文无法获取到AppBar对应的主题配置——Flutter中AppBar的文本颜色是通过内部主题推导逻辑生成的，而非直接在全局Theme中预设值，所以直接读取appBarTheme.foregroundColor会返回null。
2. 默认情况下（Material3），AppBar的背景色是colorScheme.surface，对应的文本颜色是colorScheme.onSurface，而非onPrimary——你拿到的onPrimary是白色，和实际黑色文本不符，就是因为默认背景并非primary色。

解决方案 #

方案一：在AppBar的上下文内获取最准确的颜色 #

只有当AppBar存在于Widget树中时，其内部的上下文才包含完整的文本样式配置，可通过DefaultTextStyle直接读取：

import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: MyHomePage()));

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Builder(
          builder: (appBarContext) {
            // 直接获取AppBar内文本的实际颜色
            final textColor = DefaultTextStyle.of(appBarContext).style.color;
            print('AppBar文本颜色：$textColor');
            return const Text('测试标题');
          },
        ),
      ),
      body: const Text('ok'),
    );
  }
}

方案二：通过全局Theme推导默认颜色 #

如果不需要依赖AppBar的上下文，可以根据Flutter的主题规则手动推导文本颜色，适配默认和自定义背景色的场景：

import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: MyHomePage()));

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  // 工具方法：获取AppBar的文本颜色
  Color getAppBarTextColor(BuildContext context) {
    final appBarTheme = Theme.of(context).appBarTheme;
    // 优先返回显式设置的foregroundColor
    if (appBarTheme.foregroundColor != null) {
      return appBarTheme.foregroundColor!;
    }

    // 获取AppBar的实际背景色（默认是surface）
    final backgroundColor = appBarTheme.backgroundColor ?? Theme.of(context).colorScheme.surface;
    final colorScheme = Theme.of(context).colorScheme;

    // 根据背景色匹配对应的on颜色
    if (backgroundColor == colorScheme.primary) {
      return colorScheme.onPrimary;
    } else if (backgroundColor == colorScheme.surface) {
      return colorScheme.onSurface;
    } else {
      // 自定义背景色时，通过亮度对比返回黑/白
      return ThemeData.estimateBrightnessForColor(backgroundColor) == Brightness.light
          ? Colors.black
          : Colors.white;
    }
  }

  @override
  Widget build(BuildContext context) {
    print('推导的AppBar文本颜色：${getAppBarTextColor(context)}');
    return Scaffold(
      appBar: const AppBar(title: Text('测试标题')),
      body: const Text('ok'),
    );
  }
}

内容的提问来源于stack exchange，提问作者Andrey