Flutter UI Widget介绍—ClipRRect

ClipRRect主要有两种用法：

• 调整child组件里的内容的边框角度。
• 和图片一起使用时，调整图片的边框角度。这个用法比较常见。

 body: Center(
          child: ClipRRect(
            borderRadius: BorderRadius.circular(30),
            clipBehavior: Clip.hardEdge,
            child: Container(
              width: 200, height: 200,
              color: Colors.red,
            ),
          ),
        ),

一般情况下，调整Container的边框的角度的话，会直接用BoxDecoration里面的borderRadius。

 body: Center(
          child: Container(
            width: 200, height: 200,
            color: Colors.red,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(30)
            ),
          ),
        ),