我正在尝试在Flutter中使用Container小部件构建一侧圆形边框。
我已经搜索了,但是找不到任何解决方案。

Container(
  width: 150.0,
  padding: const EdgeInsets.all(20.0),
  decoration: BoxDecoration(
    // borderRadius: BorderRadius.circular(30.0),
    /* border: Border(
      left: BorderSide()
    ),*/
  color: Colors.white
  ),
  child: Text("hello"),
),

最佳答案

使用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",
      ),
    ),
  ),
);
输出
flutter - 如何使小部件的一侧圆形边界 flutter ?-LMLPHP

关于flutter - 如何使小部件的一侧圆形边界 flutter ?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57304512/

10-12 04:28