下面是一个使用Flutter卡片小部件的示例代码:
import 'package:flutter/material.dart';
class CardWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Card(
child: Column(
children: [
ListTile(
leading: Icon(Icons.person),
title: Text('John Doe'),
subtitle: Text('johndoe@gmail.com'),
),
Divider(),
ListTile(
leading: Icon(Icons.phone),
title: Text('Phone Number'),
subtitle: Text('123-456-7890'),
),
Divider(),
ListTile(
leading: Icon(Icons.location_on),
title: Text('Address'),
subtitle: Text('123 Main St, New York, NY'),
),
],
),
);
}
}
void main() {
runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Card Widget Example'),
),
body: Center(
child: CardWidget(),
),
),
));
}
在这个示例中,我们创建了一个CardWidget
类,它继承自StatelessWidget
。CardWidget
的build
方法返回一个Card
小部件,它包含了多个ListTile
小部件,每个ListTile
小部件包含一个图标和文本。
在main
方法中,我们创建了一个MaterialApp
,其中包含一个Scaffold
小部件。Scaffold
小部件包含一个AppBar
和一个居中显示的CardWidget
。
要使用这个示例代码,您需要在您的Flutter项目中添加flutter/material.dart
库的依赖。
上一篇:API数据无法转化为Java对象
下一篇:API数据显示出现问题。