flutter 圆角裁剪

需求:高宽 为40,圆角度20

1:先实现高宽40方形,创建 Container,设置

width: 40, height: 40,

如果需要颜色,自行在 color设置

2:设置圆角度,使用Physicalmodel方式,需要设置 color、borderRadius 、child,简单方便

PhysicalModel(
                        color: Colors.red,
                        borderRadius: BorderRadius.circular(20)
)

完整代码:
 

Container(

                      width: 40,
                      height: 40,
                      child: PhysicalModel(
                        color: Colors.red,
                        borderRadius: BorderRadius.circular(20),
                        child: Center(
                          child: Text(
                            "移动",
                            style: TextStyle(color: Colors.white),
                          ),
                        ),
                      ),
                    ))

 


版权声明:本文为hua_9527原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。