RoundedRectangleBorder不适用于容器小部件

Question

当我尝试RoundedRectangleBorder时，我需要使Container边缘为圆并显示错误

 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

尝试一下：

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

Answer 2

此错误提示

  

参数类型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的方法也是正确的，因此您也可以使用它。