Flutter给构造函数设置Color默认值时提示Color?无法赋值给Color怎么解决

• 报错本质是空安全类型不匹配：Colors.red[200] 是 MaterialColor 下标访问返回的可空类型Color?，无法直接赋值给非空的Color类型变量
• 尝试的写法无效的核心原因是：Dart 要求构造函数的默认参数必须是编译时常量
  • Colors.red[200]! 是运行时的强制解包，不属于编译时常量，无法用作默认值
  • 部分低版本 Dart/Flutter 环境中，Colors.red.shade200 同样会被判定为非常量，无法通过校验

方案1：将默认值逻辑移到初始化列表（推荐） #

将构造函数的bgColor参数改为可空可选类型，在初始化列表中处理默认值逻辑，避开默认参数必须是常量的限制：

import "package:flutter/material.dart";

class Category {
  final String id;
  final Color bgColor;
  final String title;

  Category({
    required this.id,
    required this.title,
    Color? bgColor,
  }) : bgColor = bgColor ?? Colors.red.shade200;
}

方案2：直接使用常量色值作为默认参数 #

如果需要把默认值写在参数定义位，可以直接用Colors.red[200]对应的十六进制常量色值：

import "package:flutter/material.dart";

class Category {
  final String id;
  final Color bgColor;
  final String title;

  Category({
    required this.id,
    required this.title,
    this.bgColor = const Color(0xFFEF9A9A),
  });
}

0xFFEF9A9A 就是 Colors.red[200] 对应的精确色值，加const修饰后属于合法编译时常量，可以直接作为默认参数使用。

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