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

- Mary

Answer 1

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

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

除了在BoxDecoration中定义borderRadius之外。

- Mary

Answer 2

你只需要添加形状 - 圆形

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

- Rahul Dange

Answer 3

修饰：InputDecoration(
border: OutlineInputBorder( borderRadius: BorderRadius.circular(25.0),
), ),

- Imran Sefat