如何给控件设置阴影,目前知道的是有两种方式
PhysicalModel 里面有设置阴影方法
Widget getItem(PetCardViewModel model) {
return Container(
margin: EdgeInsets.fromLTRB(14, 8, 14, 8),
child: PhysicalModel(
color: Colors.white,
//z轴设置 关键
elevation: 9,
borderRadius: BorderRadius.circular(12),
clipBehavior: Clip.antiAlias,
//阴影颜色设置 关键
shadowColor: Colors.black,
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
getHeadImg(model),
getUserInfo(model),
getTitleInfo(model),
],
),
),
),
);
}
Container 里面有一个decoration属性设置阴影和圆角,背景颜色
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.fromLTRB(16, 16, 16, 0),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
//主要用来设置阴影设置
boxShadow: [
BoxShadow(
blurRadius: 6,
spreadRadius: 4,
color: Color.fromARGB(20, 0, 0, 0),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
this.renderCover(),
this.renderUserInfo(),
this.renderPublishContent(),
this.renderInteractionArea(),
],
),
);
}