下面是一个使用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数据显示出现问题。