同款Android Studio代码在Mac上AppBar颜色不显示求助

1. 核对Git仓库代码差异 #

因为用Git管理代码，先对比本地代码和其他正常Mac设备上的代码，重点检查这些文件：

• pubspec.yaml：确认flutter/material.dart依赖未被误删，依赖版本和正常环境一致
• 主题配置文件（比如lib/main.dart或单独的theme文件）：检查MaterialApp的theme参数是否完整，比如是否存在primarySwatch、colorScheme配置，示例代码：

  MaterialApp(
    theme: ThemeData(
      primarySwatch: Colors.blue,
      colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
    ),
    // 其他配置
  )
  

• web/index.html：添加Web支持时可能修改了该文件，检查是否误删Material主题样式引用，或添加了覆盖默认样式的自定义CSS

2. 清理Flutter缓存与依赖 #

在终端执行以下命令，彻底清理缓存并重新获取依赖：

flutter clean
flutter pub get
flutter pub cache repair

3. 统一Flutter SDK版本 #

确认新Mac上的Flutter SDK版本和其他正常设备一致，不同版本可能存在主题渲染差异：

flutter --version

若版本不一致，切换到相同版本（可通过手动下载对应SDK包，或用fvm工具管理版本）

4. 检查Web支持配置残留 #

即便添加Web支持失败，也可能残留配置影响渲染：

• 执行flutter config --enable-web确认Web支持已正确启用
• 检查web/manifest.json中的主题颜色配置，示例：

  "theme_color": "#2196F3",
  "background_color": "#ffffff"
  

  该配置可能影响AppBar的颜色渲染逻辑

5. 用基础项目验证环境 #

创建全新的Flutter默认项目，测试AppBar是否正常显示颜色：

flutter create test_app
cd test_app
flutter run

如果新项目也无颜色，排查系统或IDE环境：

• 检查Mac系统设置：进入「系统设置 > 辅助功能 > 显示」，确认未开启「降低透明度」功能，该选项会影响Material组件的颜色渲染
• 检查Android Studio的Flutter插件版本，确保和当前SDK版本匹配

6. 检查Git忽略规则 #

确认.gitignore文件未误忽略主题相关配置文件，导致本地缺失必要的主题配置项

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