如何添加边框和容器小部件之间的间距

Question

border尝试在和之间留出空间container。我想出的是寻找没有空间的东西像这样

代码：

Container(
          width: 50,
          decoration: BoxDecoration(
          color: Color(0xFF229592),
          border: Border.all(width: 2, color: Colors.red),
          borderRadius: BorderRadius.circular(25)),
          );

预期结果：

border希望和之间的空间container到位。

Answer 1

您可以通过创建一个Container具有所需颜色和边框的对象并将另一个具有蓝色的对象white放入其中来实现此目的。ContainerContainer

Container(
  width: 50,
  decoration: BoxDecoration(
    color: Colors.white,
    border: Border.all(width: 2, color: Colors.red),
    shape: BoxShape.circle,
  ),
  child: Center(
    child: FractionallySizedBox(
      heightFactor: 0.9, // Adjust those two for the white space
      widthFactor: 0.9,
      child: Container(
        decoration: BoxDecoration(
          color: Color(0xFF229592),
          shape: BoxShape.circle,
        ),
      ),
    ),
  ),
);

结果