Flutter重构时无法使用带色阶的颜色作为可选参数默认值如何解决

问题原因 #

Dart 语法要求可选参数的默认值必须是编译时常量：

• Colors.grey 是 Flutter 官方预先定义的静态常量，编译阶段就能确定值，因此可以直接作为默认值使用。
• Colors.grey[300] 是对 ColorSwatch 下标运算符的调用，属于运行时计算逻辑，编译器无法在编译阶段确认它的结果是常量，因此会抛出 The default value of an optional parameter must be constant 报错。

修复方案 #

推荐按优先级选择以下方案：

• 方案1：替换为对应 shade 常量
  Flutter 的所有 Material 色阶都预先定义了对应的常量，grey[300] 对应的常量是 Colors.grey.shade300，属于编译时常量，直接替换即可：

this.buttonColor = Colors.grey.shade300,

• 方案2：空值 fallback 赋值
  如果需要使用的色值没有对应 shade 常量，可以先将参数声明为可空类型，在构造函数初始化列表中处理默认值：

class AppBarButton extends StatelessWidget {
  const AppBarButton(
      {Key? key,
      required this.buttnoAction,
      this.buttonColor,
      required this.iconLogo,
      this.iconSize = 15,})
      : buttonColor = buttonColor ?? Colors.grey[300],
        super(key: key);

  final void Function() buttnoAction;
  final Color buttonColor;
  final IconData iconLogo;
  final double iconSize;

  // 其余代码不变
}

• 方案3：移除构造函数 const 修饰
  如果你的组件不需要作为常量组件使用，可以直接去掉构造函数前的 const 修饰符，就不再强制要求参数默认值为常量：

// 移除 const 修饰
AppBarButton(
    {Key? key,
    required this.buttnoAction,
    this.buttonColor = Colors.grey[300],
    required this.iconLogo,
    this.iconSize = 15,})
    : super(key: key);

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