Flutter BoxDecoration’s background color overrides the Container's background color, why?

Mary picture Mary · Aug 17, 2017 · Viewed 48.7k times · Source

I have a Flutter Container widget and I defined a color for it (pink), but for some reason, the color in BoxDecoration overrides it (green). Why?

new Container(
  color: Colors.pink,
  decoration: new BoxDecoration(
    borderRadius: new BorderRadius.circular(16.0),
    color: Colors.green,
  ),
);

Answer

Mary picture Mary · Aug 17, 2017

Container’s color is shorthand for BoxDecoration’s color, so BoxDecoration's color in the Container's decoration property overrides its Container's color.