在 Flutter 中，如何为容器添加背景颜色，同时添加边框

Question

当您尝试添加背景颜色时，您会收到一条错误消息，指出您不能同时拥有颜色和框装饰。有人知道如何解决这个问题吗？

Answer 1

因为你不需要单独添加颜色，因为装饰具有相同的属性来实现相同的效果。它还使用

BoxDecoration

类在同一装饰道具内有边框。

检查此线程Flutter BoxDecoration 的背景颜色覆盖了 Container 的背景颜色，为什么？

Answer 2

出现错误消息是因为在 Flutter 中，您无法在同一个 widget 中直接指定颜色属性和具有颜色字段的装饰属性。这是因为这两个属性都试图填充小部件的背景，从而导致歧义和潜在的不一致。

解决此问题的方法如下：

1. 使用颜色装饰：

   如果您想使用纯色背景，请使用装饰属性中的 BoxDecoration 小部件：

Container(
  decoration: BoxDecoration(
    color: Colors.blue,  // Set the desired background color
  ),

)