如何用颤动制作小部件的一侧圆形边框？

使用 BorderRadius.only 并提供边

return Center(
  child: Container(
    height: 100,
    width: 100,
    decoration: BoxDecoration(
      borderRadius: BorderRadius.only(
        topRight: Radius.circular(40),
      ),
      border: Border.all(
        width: 3,
        color: Colors.green,
        style: BorderStyle.solid,
      ),
    ),
    child: Center(
      child: Text(
        "Hello",
      ),
    ),
  ),
);

输出

https://i.stack.imgur.com/XpU90.png

---

您可以通过以下用于创建小部件的代码来实现此目的：

return Container(
  width: 150.0,
  padding: const EdgeInsets.all(20.0),
  decoration: BoxDecoration(
    shape: BoxShape.rectangle,
    color: Colors.white,
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(20.0),
      topRight: Radius.zero,
      bottomLeft: Radius.zero,
      bottomRight: Radius.zero,
    ),
  ),
  child: Text(
    "hello",
  ),
);

这样你就可以让你的左上角圆形边框与 Container 小部件一起颤动。

---

如果您希望容器的一侧圆角，您可以使用 BorderRadius.only 并指定要圆角的角，如下所示：

Container(
          width: 150.0,
          padding: const EdgeInsets.all(20.0),
          decoration: BoxDecoration(
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(40.0),
                  bottomRight: Radius.circular(40.0)),
              color: Colors.white),
          child: Text("hello"),
        ),

---

另一种方法是使用 ClipRRect 小部件。只需用 ClipRRect 包裹你的小部件并给出一个半径。您可以指定要圆的角。

ClipRRect(
      borderRadius: BorderRadius.only(topRight: Radius.circular(10)),
      child: Container(
        height: 40,
        width: 40,
        color: Colors.amber,
        child: Text('Hello World!'),
      ),
    );

---

也可以做如下，

 borderRadius: new BorderRadius.only(
     topLeft: const Radius.circular(30.0),
     bottomLeft: const Radius.circular(30.0),
 ),

---

您也可以使用“形状功能”来做到这一点。

  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
      topRight: Radius.circular(15.0),
      topLeft: Radius.circular(15.0),
    ),

https://i.stack.imgur.com/YQFR5.png

---

您还可以设置每边的半径。

margin: EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 10.0),

fromLTRB= 从左、上、右、下

---