flutter 控件添加阴影圆角边框

快速添加阴影圆角边框代码

Container(
    width: 335,
    height: 368,
    margin: EdgeInsets.only(left: 35,right: 35,top: 10,bottom: 18),
    decoration: BoxDecoration(
      border: new Border.all(
        color: Colors.grey, //边框颜色
        width: 1, //边框宽度
      ), // 边色与边宽度
      color: Colors.white, // 底色
      boxShadow: [
        BoxShadow(
          blurRadius: 2, //阴影范围
          spreadRadius: 1, //阴影浓度
          color: Colors.grey, //阴影颜色
        ),
      ],
      borderRadius: BorderRadius.circular(19), // 圆角也可控件一边圆角大小
      //borderRadius: BorderRadius.only(
            //  topRight: Radius.circular(10),
             // bottomRight: Radius.circular(10)) //单独加某一边圆角
    ),
    child: Text("test"),
  )
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容