Flutter Border / BorderSide隐藏内容

问题描述

这是在左下角带有圆角的工作框：

Container(
    decoration: Boxdecoration(
         // border: Border(
         //   right: BorderSide(
         //     color: Colors.red,//     width: 2,//   ),// ),borderRadius: BorderRadius.only(
        bottomLeft: Radius.circular(10.0)),color: Colors.grey,),child: new Column(
        children: <Widget>[
        new Padding(
            padding: EdgeInsets.only(top: 5,bottom: 5),child: new Text("......"))
        ],))

如果我取消注释以上6行，内容将消失，但不会出现顶部边框。

我在做什么错了？

解决方法

您可以在下面复制粘贴运行完整代码
框架的box_border.dart

中的违反规则

assert(borderRadius == null,'A borderRadius can only be given for uniform borders.');

您可以使用ClipRRect的{​​{1}}
代码段

borderRadius

工作演示

完整代码

ClipRRect(
        borderRadius: BorderRadius.only(bottomLeft: Radius.circular(10.0)),child: Container(
            decoration: BoxDecoration(
               border: Border(
                 right: BorderSide(
                   color: Colors.red,width: 2,),color: Colors.grey,