Flutter中ThemeData无accentColor属性导致assembleDebug任务失败的解决方法

错误详情 #

执行assembleDebug任务时出现以下错误：

Running Gradle task 'assembleDebug'...
../../AppData/Local/Pub/Cache/hosted/pub.dev/rflutter_alert-2.0.4/lib/src/dialog_button.dart:63:43: Error: The getter 'accentColor' isn't defined for the class 'ThemeData'.
 - 'ThemeData' is from 'package:flutter/src/material/theme_data.dart' ('/C:/flutter/packages/flutter/lib/src/material/theme_data.dart').
Try correcting the name to the name of an existing getter, or defining a getter or field named 'accentColor'.
        color: color ?? Theme.of(context).accentColor,
                                      ^^^^^^^^^^^

报错代码片段 #

rflutter_alert包中dialog_button.dart的对应代码：

decoration: BoxDecoration(
    color: color ?? Theme.of(context).accentColor,
    gradient: gradient,
    borderRadius: radius,
    border: border,
),

当前环境版本 #

Flutter 3.10.0-5.0.pre.29 • channel master • https://github.com/flutter/flutter.git
Framework • revision f74054467b (2 hours ago) • 2023-04-14 07:17:25 -0400
Engine • revision 4b96e38c92
Tools • Dart 3.1.0 (build 3.1.0-4.0.dev) • DevTools 2.23.1

项目主题配置 #

main.dart中的主题设置：

theme: ThemeData.dark().copyWith(
    pageTransitionsTheme: PageTransitionsTheme(
      builders: Map<TargetPlatform, PageTransitionsBuilder>.fromIterable(
        TargetPlatform.values,
        value: (dynamic _) =>
            const FadeUpwardsPageTransitionsBuilder(), //applying old animation
      ),
    ),
    textSelectionTheme: const TextSelectionThemeData(
      cursorColor: Colors.grey,
      selectionHandleColor: Colors.grey,
    ),
    inputDecorationTheme: const InputDecorationTheme(
      focusedBorder: UnderlineInputBorder(
        borderSide: BorderSide(color: Colors.grey, width: 2),
      ),
    ),
  ),

修复方案 #

方法一：升级rflutter_alert依赖包 #

rflutter_alert 2.0.4版本未适配Flutter 3.10+的主题API变更，在pubspec.yaml中更新依赖到最新版本：

rflutter_alert: ^2.0.7 # 可替换为实际最新版本号

执行命令更新依赖：

flutter pub get

方法二：临时修改缓存中的依赖代码 #

找到缓存中的dialog_button.dart文件（路径：../../AppData/Local/Pub/Cache/hosted/pub.dev/rflutter_alert-2.0.4/lib/src/dialog_button.dart），将accentColor替换为Flutter 3.10+的替代API：

color: color ?? Theme.of(context).colorScheme.secondary,

注意：此修改会在清理缓存或更新依赖后失效，仅作为临时应急方案。

方法三：在主题中添加兼容配置 #

在main.dart的主题配置中补充colorScheme，指定原accentColor对应的secondary颜色：

theme: ThemeData.dark().copyWith(
    colorScheme: ColorScheme.fromSwatch(
      brightness: Brightness.dark,
      accentColor: Colors.grey, // 替换为你需要的强调色
    ),
    pageTransitionsTheme: PageTransitionsTheme(
      builders: Map<TargetPlatform, PageTransitionsBuilder>.fromIterable(
        TargetPlatform.values,
        value: (dynamic _) =>
            const FadeUpwardsPageTransitionsBuilder(), //applying old animation
      ),
    ),
    textSelectionTheme: const TextSelectionThemeData(
      cursorColor: Colors.grey,
      selectionHandleColor: Colors.grey,
    ),
    inputDecorationTheme: const InputDecorationTheme(
      focusedBorder: UnderlineInputBorder(
        borderSide: BorderSide(color: Colors.grey, width: 2),
      ),
    ),
  ),

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