美文网首页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 控件添加阴影圆角边框

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

  • CSS3基础

    CSS3基础 -- 边框 圆角效果 向元素添加圆角边框 阴影 box-shadow 向盒子添加阴影。支持一个或者...

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

    原文https://www.jianshu.com/p/fda93b90c4cc Container(width:...

  • 给视图添加渐变色、圆角、阴影、线框、虚线框

    1.渐变色 2.圆角和边框(虚线边框)添加 3.阴影及(光栅化)

  • Flutter-Border

    边框(Border) 单侧边框 全部边框 圆角(borderRadius) 全部圆角 单侧圆角 阴影(BoxSha...

  • css3新特性

    1.边框 使用css,可以创建新的圆角边框(border-radius),添加阴影框(box-shadow),图片...

  • 边框 背景

    1 边框 能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件 对于 border-im...

  • css之border

    css边框属性 通过css3,能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 border-radius b...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • CSS3基础

    CSS3 边框 用 CSS3,你可以创建圆角边框,添加阴影框在本章中,您将了解以下的边框属性: border-ra...

网友评论

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

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