Flutter基础widgets教程-Card篇

原创

青年码农

发布于 2020-10-10 15:59:21

5600

发布于 2020-10-10 15:59:21

文章被收录于专栏：青年码农

1 Card

Flutter Card 组件，卡片组件具有圆角和阴影，看起来有立体感。

2 构造函数

Card({
    Key key,
    this.color,
    this.shadowColor,
    this.elevation,
    this.shape,
    this.borderOnForeground = true,
    this.margin,
    this.clipBehavior,
    this.child,
    this.semanticContainer = true,
})

3 常用属性

3.1 color：颜色

color:Colors.blue500,

3.2 elevation：阴影大小

elevation: elevation: 5.0,

3.3 shape：Card 的阴影效果

shape:const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(14.0))),

3.4 margin：外边距

 margin: EdgeInsets.only(top: 10.0,bottom: 10.0,left: 10.0,right: 10.0)

3.5 child

child: Text("内容"),

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

flutter

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

flutter

登录后参与评论

0 条评论

热度

Flutter基础widgets教程-Card篇

Flutter基础widgets教程-Card篇

1 Card

2 构造函数

3 常用属性

3.1 color：颜色

3.2 elevation：阴影大小

3.3 shape：Card 的阴影效果

3.4 margin：外边距

3.5 child

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐