RoundedRectangleBorder 不适用于容器小部件

Question

我需要制作容器边缘圆，以及当我尝试 RoundedRectangleBorder 时如何做到这一点，它显示错误

 Container(
      width: 100,height: 100,
      margin: EdgeInsets.all(10.0),
      decoration: BoxDecoration(
         color: Colors.orange,
         shape: RoundedRectangleBorder(
            borderRadius: new BorderRadius.circular(18.0),
         )
      ),
 ),

Answer 1

这个错误表明，

参数类型RoundedRectangleBorder不能分配给形参类型BoxShape

所以如果你想使用RoundedRectangleBorder那么你必须在shape参数内使用它，

Container(
            width: 100,height: 100,
            margin: EdgeInsets.all(10.0),
                    decoration:  ShapeDecoration(
                color: Colors.orange,
              shape: RoundedRectangleBorder( // <--- use this
                borderRadius: BorderRadius.all(
                  Radius.circular(10),
                ),
              ),
            ),
       ),

输出，

@Anil Chauhan 的方法也是正确的，所以你也可以使用它。

Answer 2

尝试这个：

 Container(
     width: 100,height: 100,
     margin: EdgeInsets.all(10.0),
     decoration: BoxDecoration(
       color: Colors.orange,
       borderRadius: BorderRadius.circular(10.0)
    ),
 ),