flutter 容器 : cannot provide both a color and a decoration

Question

我想在我的容器周围绘制一个边框并为背景着色。

Widget bodyWidget() {
  return Container(
    color: Colors.yellow,
    decoration: BoxDecoration(
      border: Border.all(color: Colors.black),
    ),
    child: Text("Flutter"),
  );
}

但是当我尝试这个时我得到了错误

Cannot provide both a color and a decoration
The color argument is just a shorthand for "decoration: new BoxDecoration(color: color)".

这是怎么解决的？

Answer 1

从 Container 中移除 color 参数并将其添加到 BoxDecoration:

Widget bodyWidget() {
  return Container(
    decoration: BoxDecoration(
      color: Colors.yellow,
      border: Border.all(color: Colors.black),
    ),
    child: Text("Flutter"),
  );
}

如果检查 Container source code，您会发现 color 参数仅用于在装饰为 null 时设置 BoxDecoration 颜色。

decoration = decoration ?? (color != null ? BoxDecoration(color: color) : null),

你得到的错误只是一个有用的提醒。否则你会得到一个奇怪的覆盖 (as was apparently the case in the past) 或者你甚至可能不会注意到这个错误。