Flutter,卡片怎么用
时间: 2023-10-23 13:26:56 浏览: 136
Flutter自定义实现神奇动效的卡片切换视图
在 Flutter 中,卡片可以通过使用 `Card` widget 来实现。下面是一个简单的例子:
```dart
Card(
child: ListTile(
leading: Icon(Icons.person),
title: Text('John Doe'),
subtitle: Text('johndoe@example.com'),
),
);
```
在这个例子中,我们使用 `Card` widget 来创建一个卡片,然后在卡片中添加了一个 `ListTile` widget,该 `ListTile` widget 包含一个图标、标题和副标题。
你也可以通过自定义 `Card` widget 来创建自己的卡片。例如,你可以使用 `Container` widget 来设置卡片的背景颜色、边框、圆角等属性。以下是一个自定义卡片的例子:
```dart
Card(
child: Container(
padding: EdgeInsets.all(16.0),
decoration: BoxDecoration(
color: Colors.blueGrey[50],
borderRadius: BorderRadius.circular(10.0),
border: Border.all(color: Colors.grey[300], width: 1.0),
),
child: Column(
children: [
Text('Custom Card', style: TextStyle(fontSize: 20.0)),
SizedBox(height: 10.0),
Text('This is a custom card widget'),
],
),
),
);
```
在这个例子中,我们使用 `Container` widget 来设置卡片的背景颜色、圆角和边框,并在其中添加了一些文本。
阅读全文