Flutter中Container组件报错：color与decoration不可同时设置

错误原因 #

Flutter的Container组件存在断言限制：不能同时设置外层的color属性和decoration属性。同时设置时就会触发你遇到的color == null || decoration == null断言错误。

错误代码示例 #

// 错误写法：同时设置了color和decoration
Container(
  color: Colors.red, // 外层单独设置color
  decoration: BoxDecoration(
    border: Border.all(color: Colors.black),
  ),
  child: Text("示例文本"),
)

正确修复方式 #

方式1：将颜色移到BoxDecoration内部

把原本外层的color属性值放到BoxDecoration的color参数里，保留decoration以实现复杂样式：

Container(
  decoration: BoxDecoration(
    color: Colors.red, // 颜色定义在decoration内部
    border: Border.all(color: Colors.black),
  ),
  child: Text("示例文本"),
)

方式2：移除decoration（仅需纯色背景时）

如果不需要边框、渐变等复杂样式，直接删掉decoration，保留外层的color即可：

Container(
  color: Colors.red, // 仅保留外层color，移除decoration
  child: Text("示例文本"),
)

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