Flutter自定义Widget中如何将颜色色调设为容器默认颜色？

问题核心：常量构造函数的参数默认值必须是编译时常量，而Colors.grey.shade200是通过getter方法返回的非常量对象，因此无法直接作为默认值使用。以下是三种可行的解决方案：

方案1：硬编码对应十六进制颜色常量 #

Colors.grey.shade200对应的十六进制颜色值是固定的（0xFFEEEEEE），直接使用const Color()创建常量作为默认值：

class RoundedContainer extends StatelessWidget {
  final Color backgroundColor;

  const RoundedContainer({
    super.key,
    this.backgroundColor = const Color(0xFFEEEEEE), // 等价于Colors.grey.shade200
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      color: backgroundColor,
      // 你的其他Widget代码
    );
  }
}

方案2：定义类静态常量 #

将默认颜色提前定义为类的静态常量，既保持代码可读性，又满足常量要求：

class RoundedContainer extends StatelessWidget {
  // 定义静态常量存储默认背景色
  static const _defaultBgColor = Color(0xFFEEEEEE);
  final Color backgroundColor;

  const RoundedContainer({
    super.key,
    this.backgroundColor = _defaultBgColor,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      color: backgroundColor,
      // 你的其他Widget代码
    );
  }
}

方案3：移除构造函数的const关键字 #

如果不需要利用const构造函数的性能优化特性，可以直接去掉const，这样就能直接使用Colors.grey.shade200作为默认值：

class RoundedContainer extends StatelessWidget {
  final Color backgroundColor;

  RoundedContainer({
    super.key,
    this.backgroundColor = Colors.grey.shade200, // 无const构造，可正常使用
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      color: backgroundColor,
      // 你的其他Widget代码
    );
  }
}

注：如果你的Widget需要频繁在const场景中使用（比如const列表、const布局），推荐使用前两种方案；若对const构造无需求，第三种方案最简洁。

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