如何在颤动中创建具有固定宽度和高度的彩盒？

Question

我正在尝试创建具有固定宽度和高度的彩色盒子.怎么做到这一点？

Answer 1

在a中包装任何小部件SizedBox以强制它匹配固定大小.

至于背景颜色或边框,请使用DecoratedBox.

然后你可以结合两者,这导致

const SizedBox(
  width: 42.0,
  height: 42.0,
  child: const DecoratedBox(
    decoration: const BoxDecoration(
      color: Colors.red
    ),
  ),
),

您也可以使用Container哪个是许多小部件的组合,包括上面的两个小部件.这导致 :

new Container(
  height: 42.0,
  width: 42.0,
  color: Colors.red,
)

我倾向于选择第一种选择.因为Container阻止使用'const'构造函数.但两者都有效并且做同样的事情.