Flutter 如何将 colored颜色阴影作为默认容器 colored颜色应用于自定义窗口小工具

发布于01月25日

我正在学习可重复使用的自定义小工具.

在这里，我想创建一个默认灯光 colored颜色为灰色的容器，但在应用Colors.grey.shade200时显示错误

看起来像是 colored颜色 .灰色是常量，但.shade200不是常量值

那么我们如何才能使用色调作为恒定的.

class RoundedContainer extends StatelessWidget {
  
  final Color backgroundColor;
 

  const RoundedContainer({
    super.key,
    
    this.backgroundColor= Colors.grey.shade200,//showing error
   
  });

推荐答案

您不能执行上述操作，因为:Colors.grey.shade200值不是compile-time constant.您可以这样做，您可以使背景 colored颜色为空，然后在 colored颜色不可用的情况下指定阴影.

class RoundedContainer extends StatelessWidget {
  final Color? backgroundColor;

  
  const RoundedContainer({
    Key? key,
    required this.backgroundColor,
  }) : super(key: key);

 

  @override
  Widget build(BuildContext context) {
    // Rest of your build method
    return Container(
      color: backgroundColor ?? Colors.grey.shade200
    );
  }
}