美文网首页Flutter学习
flutter 控件添加阴影圆角边框

flutter 控件添加阴影圆角边框

作者: 大大大寒 | 来源:发表于2019-11-21 16:30 被阅读0次

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

    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"),
      )
    

    相关文章

      网友评论

        本文标题:flutter 控件添加阴影圆角边框

        本文链接:https://www.haomeiwen.com/subject/ofptwctx.html