class DefaultCardContainer extends StatelessWidget {
final Color backgroundColor;
final Widget child;
final EdgeInsets padding;
final EdgeInsets margin;
DefaultCardContainer({
this.backgroundColor=Colors.white,
this.child,
this.padding,
this.margin
});
@override
Widget build(BuildContext context) {
return Container(
padding: padding,
margin: margin,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(Sizes(16).width()),
boxShadow: [
BoxShadow(
offset: Offset(2, 1),//x,y轴
color: Colour.SHADOW_COLOR,//投影颜色
blurRadius: Sizes(12).width()//投影距离
)
]
),
child: child,
);
}
}
Flutter使用BoxShadow设置投影
最新推荐文章于 2024-08-07 19:41:51 发布
本文详细介绍了Flutter中如何使用BoxShadow为组件添加投影效果,包括颜色、模糊半径、偏移量等属性的设置,以及在实际应用中的技巧和最佳实践。通过实例展示,帮助开发者更好地理解和掌握BoxShadow在UI设计中的运用。
部署运行你感兴趣的模型镜像
您可能感兴趣的与本文相关的镜像
TensorFlow-v2.9
TensorFlow
TensorFlow 是由Google Brain 团队开发的开源机器学习框架,广泛应用于深度学习研究和生产环境。 它提供了一个灵活的平台,用于构建和训练各种机器学习模型
1855

被折叠的 条评论
为什么被折叠?



