如何使用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

装饰：InputDecoration（
边框：OutlineInputBorder（ borderRadius：BorderRadius.circular（25.0），
）， ），

Answer 3

您可以只添加形状 - 圆形

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