flutter - 如何在 flutter 中创建具有固定宽度和高度的颜色框？

Question

我正在尝试创建一个具有固定宽度和高度的颜色框。 如何做到这一点？

Answer 1

将任何小部件包装在 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' 构造函数。但两者都有效且效果相同。