主页 / coding / 问题 / 77879105
Accepted
IMemon
Asked: 2024-01-25 18:16:29 +0800 CST

如何在颤振中使用自定义小部件将颜色阴影应用为默认容器颜色？

  • 772

我正在学习可重复使用的自定义小部件。

在这里我想制作一个默认浅色为灰色的容器，但在应用 Colors.grey.shade200 时显示错误

看起来 Colors.grey 是常量，但 .shade200 不是常量值

那么我们如何使用颜色的深浅作为常量......

class RoundedContainer extends StatelessWidget {
  
  final Color backgroundColor;
 

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

2 个回答

  1. Best Answer

    您不能执行上述操作，因为：Colors.grey.shade200value 不是编译时常量。您可以这样做，您可以使backgroundColor可为空，然后在颜色不可用时分配阴影。

    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
    );
  }
}
    • 2

  2. 默认值应该是const。Colors.grey.shade200不是 const，您不能将其设置为默认值。您可以做的就是使该颜色可为空，并在它为空时设置值：

    class RoundedContainer extends StatelessWidget {
     
  const RoundedContainer({
    this.backgroundColor,
    super.key,
  });

  final Color? backgroundColor;     

  @override
  Widget build(BuildContext context) {
    final bg = backgroundColor ?? Colors.grey.shade200;
    ...
    • 2

相关问题