如何使用 Flutter 的 PhysicalModel 制作圆形边框？

Question

我正在尝试在 PhysicalModel 中创建一个圆形边框。如果我不将我的小部件包装在 PhysicalModel 中，它会起作用，但一旦我这样做，我就会得到一个方形边框。

new PhysicalModel(
  color: Colors.green,
  child: new Container(
    width: 50.0,
    height: 50.0,
    decoration: new BoxDecoration(
      borderRadius: new BorderRadius.circular(25.0),
      border: new Border.all(
        width: 5.0,
        color: Colors.red,
      ),
    ),
  ),
),

Answer 1

您还需要在 PhysicalModel 小部件中定义 borderRadius。

new PhysicalModel(
  borderRadius: new BorderRadius.circular(25.0),
  ... // stuff from above
),

另外在BoxDecoration中定义borderRadius

Answer 2

装饰：输入装饰（
边框：OutlineInputBorder（边界半径：BorderRadius.circular(25.0),
), ),

Answer 3

您可以只添加形状 - 圆形

PhysicalModel(
  shape: BoxShape.circle,  //Here
),

Answer 4

尝试使用Radius

PhysicalModel(
  color: Colors.green,
  child: Container(
    decoration: BoxDecoration(
      borderRadius:  borderRadius: BorderRadius.all(Radius.circular(25.0)),
      border: new Border.all(
        width: 5.0,
        color: Colors.red,
      ),
    ),
  ),
),

如何使用 Flutter 的 PhysicalModel 制作圆形边框？

How do I make a circular border with Flutter's PhysicalModel?

geometry

border

flutter