flutter card
时间: 2023-09-06 21:11:11 浏览: 37
Flutter中的Card Widget是一个具有圆角和阴影的Material Design Widget,可以用于显示相关信息,如文章、商品等。下面是一个简单的Card Widget示例:
```dart
Card(
elevation: 4.0, // 阴影大小
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0), // 圆角大小
),
child: Padding(
padding: EdgeInsets.all(16.0),
child: Text('这是一个Card Widget'),
),
)
```
通过设置elevation属性,可以控制Card的阴影大小。通过设置shape属性,可以控制Card的圆角大小。child属性是Card中显示的内容,可以是任何Widget,例如Text、Image等。
相关问题
flutter card leading 边距
在Flutter中,可以使用`EdgeInsets`类来设置边距。如果要设置Card组件的leading边距,可以将其包装在`Padding`组件中,并使用`EdgeInsets`类来设置左边距。例如:
```
Card(
child: ListTile(
leading: Icon(Icons.person),
title: Text('John Doe'),
subtitle: Text('johndoe@example.com'),
),
).padding.only(left: 16.0);
```
在这个例子中,我们在Card组件外部包裹了一个Padding组件,并设置了左边距为16.0。这将为Card组件的leading部分添加16像素的左边距。
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,它显示了一个人的图标。这个图标将显示在卡片的左侧。