flutter的Card属性
时间: 2023-10-11 11:08:39 浏览: 52
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('这是一张卡片'),
),
)
```
这样就创建了一个带有圆角矩形边框、阴影和白色背景的卡片,并在其中放置了一个文本组件。
相关问题
flutter card
Flutter中的Card是一个可配置的Material Design卡片。它可以用于显示一些相关信息,例如列表项,照片,文本等。在Flutter中,Card是一个有状态的小部件,可以包含其他小部件。
以下是一个简单的Card示例:
```
Card(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
const ListTile(
leading: Icon(Icons.album),
title: Text('Card Title'),
subtitle: Text('This is the card subtitle'),
),
ButtonBar(
children: <Widget>[
FlatButton(
child: const Text('Action 1'),
onPressed: () {},
),
FlatButton(
child: const Text('Action 2'),
onPressed: () {},
),
],
),
],
),
);
```
在这个例子中,Card包含一个ListTile和一个ButtonBar。您可以使用不同的小部件组合来创建您自己的Card。
flutter card leading 位置
在Flutter中,Card widget中的leading属性用于在卡片左侧添加一个小部件。这个小部件可以是图标、图片、文本等。
以下是示例代码:
```
Card(
child: ListTile(
leading: Icon(Icons.person),
title: Text('John Doe'),
subtitle: Text('johndoe@example.com'),
),
);
```
在这个示例中,我们将一个带有图标的ListTile放在一个Card widget中。leading属性被设置为一个Icon widget,它显示了一个人的图标。这个图标将显示在卡片的左侧。