In flutter 如何在容器中设计圆形边框？

Question

我需要这种输出

我试过这段代码，但这不提供圆角，

Container(
        width: double.infinity,
        height: 100,
        decoration: const BoxDecoration(
            color: Colors.white,
            border: Border(
              left: BorderSide(width: 1, color: Colors.black),
              bottom: BorderSide(width: 1, color: Colors.black),
              right: BorderSide(width: 1, color: Colors.black),
            )
      
         ),
       
      )

如何解决这个问题？

Answer 1

你必须使用

BorderRadius.all

Container(
 decoration: BoxDecoration(
  
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),)