边框半径不起作用，带有选项卡视图小部件的容器小部件。我想要像图片中所示

Question

请发布您的代码，使我可以使容器布局从右上角到左上角取整，有关更多信息，请参见图片。

Answer 1

在您的代码中添加BoxDecoration

decoration: new BoxDecoration(
  borderRadius: new BorderRadius.only(
    topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
    topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
  )
),

因此，您的总体代码将是

Container(
  decoration: new BoxDecoration(
    borderRadius: BorderRadius.only(
      topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
      topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
    )20.
  ),
  child: //Child widget
),

Answer 2

您可以将Container与BoxDecoration一起使用，也可以使用ClipRRect小部件。

---

Container的边框半径只是简单地绘制了一个圆形框作为背景，在设备性能方面是最好的。

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24)),
  ),
  child: // ...,
),

---

另一方面，

ClipRRect看起来更好，因为它会将自身和整个子树剪切为圆形框的形式。但是，就性能而言，设备绘制和维护它的成本相当高。

ClipRRect(
  borderRadius: BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24)),
  child: // ...,
),

---

有关更多信息，check out this answer。

让我知道这是否有帮助。