Container(
width: 100,
height: 50,
margin: EdgeInsets.only(left: 10,top: 10,right: 10,bottom: 10),
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(20), // 圆角也可控件一边圆角大小
//borderRadius: BorderRadius.only(
// topRight: Radius.circular(10),
// bottomRight: Radius.circular(10)) //单独加某一边圆角
),
child: Center(
child: Text("test"),
),
)
Flutter圆角阴影边框
最新推荐文章于 2023-08-28 17:18:15 发布