Flutter容器添加阴影效果
在Flutter中，可以使用Container的decoration属性来添加阴影效果。通过BoxDecoration的boxShadow参数，可以定义一个或多个阴影的样式。
下面是一个简单的例子，展示如何给Container添加阴影效果：
Container(
decoration: BoxDecoration(
border: Border.all(width: 1.0, color: Colors.grey), // 边框
borderRadius: BorderRadius.circular(10.0), // 圆角
boxShadow: [
BoxShadow(
color: Colors.grey.shade300, // 阴影颜色
offset: Offset(5.0, 5.0), // 阴影偏移量
blurRadius: 10.0, // 模糊半径
spreadRadius: 0.0, // 扩展半径
),
],
),
width: 200,
height: 200,
// 其他属性
)在这个例子中，Container有一个边框、圆角和阴影效果。boxShadow是一个List<BoxShadow>类型，可以定义多个阴影层次来实现更复杂的效果。
评论已关闭