首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter基础widgets教程-Card篇

1 Card

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

2 构造函数

代码语言:javascript
复制
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:颜色

代码语言:javascript
复制
color:Colors.blue500,

3.2 elevation:阴影大小

代码语言:javascript
复制
elevation: elevation: 5.0,

3.3 shape:Card 的阴影效果

代码语言:javascript
复制
shape:const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(14.0))), 

3.4 margin:外边距

代码语言:javascript
复制
 margin: EdgeInsets.only(top: 10.0,bottom: 10.0,left: 10.0,right: 10.0)

3.5 child

代码语言:javascript
复制
child: Text("内容"),

下一篇
举报
领券