Flutter中Container同时设置color与BoxDecoration报错的解决咨询

问题原因 #

报错信息明确指出：Container不能同时设置color和decoration属性，二者互斥。若需同时配置背景色与装饰效果，必须将颜色参数放入decoration的BoxDecoration中。

解决方法 #

直接移除Container的color属性即可——你的代码中已经通过LinearGradient设置了渐变背景，无需单独的纯色color参数。

修改后的代码 #

Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(15),
      child: Text(title),
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [ 
            color.withOpacity(0.7),
            color,
          ],
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
        ),
        borderRadius: BorderRadius.circular(15),
      ),
    );
  }

补充说明 #

如果后续需要设置纯色背景+其他装饰（如圆角、边框），需将颜色放入BoxDecoration内，示例：

decoration: BoxDecoration(
  color: Colors.blue, // 颜色参数放在这里
  borderRadius: BorderRadius.circular(10),
  border: Border.all(width: 2, color: Colors.grey)
)

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