flutter的Card属性
时间: 2023-10-11 19:08:39 浏览: 169
flutter_credit_card:用于Flutter应用程序的信用卡小部件
Flutter 的 `Card` 是一个 Material Design 风格的卡片,它可以用来展示一些信息,比如图片、文本等。`Card` 有以下常用属性:
- `color`:卡片的背景颜色。
- `elevation`:卡片的阴影程度,数值越大阴影越浓。
- `borderOnForeground`:是否将边框放在卡片内容之上。
- `clipBehavior`:剪裁行为。
- `shape`:卡片的形状,可以设置为圆角矩形等。
- `margin`:卡片的外边距。
- `padding`:卡片的内边距。
- `semanticContainer`:是否将卡片视为语义容器。
例如:
```dart
Card(
color: Colors.white,
elevation: 5.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0),
),
margin: EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
child: Container(
padding: EdgeInsets.all(20.0),
child: Text('这是一张卡片'),
),
)
```
这样就创建了一个带有圆角矩形边框、阴影和白色背景的卡片,并在其中放置了一个文本组件。
阅读全文