gpt4 book ai didi

android - 将自定义 boxshadow 添加到 Flutter 卡

转载 作者:IT老高 更新时间:2023-10-28 12:35:15 26 4
gpt4 key购买 nike

我在 Flutter 应用中实现了卡片。我需要为每张卡片定制一个 BoxShadow。如何做到这一点?

到目前为止,我尝试的是将 BoxShadow 属性添加到 Card() 构造函数中,这不起作用...

最佳答案

Card小部件没有装饰属性,因此您需要在 Container 中制作卡片然后应用 BoxShadow到容器,

示例:

class MyCard extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Container(
child: new Card(
child: new Center(
child: new Icon(
Icons.refresh,
size: 150.0,
),
),
),
decoration: new BoxDecoration(
boxShadow: [
new BoxShadow(
color: Colors.black,
blurRadius: 20.0,
),
],
),
);
}
}

enter image description here

关于android - 将自定义 boxshadow 添加到 Flutter 卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49600056/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com