AspectRatio(
aspectRatio: 2 / 3,
child: Container(
color: Colors.red,
)
);
ListView(
children: [
Card(
elevation: 5,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(14.0))),
margin: EdgeInsets.all(10),
child: Column(
children: [
ListTile(
title: Text("Name"),
subtitle: Text("工作单位"),
),
ListTile(
title: Text("电话号码: 189XXXXXXXX"),
),
ListTile(
title: Text("地址: XXXX XXXX XXX"),
)
],
),
),
Card(
elevation: 5,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(14.0))),
margin: EdgeInsets.all(10),
child: Column(
children: [
ListTile(
title: Text("Name"),
subtitle: Text("工作单位"),
),
ListTile(
title: Text("电话号码: 189XXXXXXXX"),
),
ListTile(
title: Text("地址: XXXX XXXX XXX"),
)
],
),
),
],
);
一个小案例
ListView(
children: [
Card(
margin: EdgeInsets.all(10),
child: Column(
children: [
AspectRatio(
aspectRatio: 16 / 9,
child: Image.network(
"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2767608770,826089718&fm=26&gp=0.jpg",
fit: BoxFit.cover,
),
),
ListTile(
leading: CircleAvatar(
backgroundImage: NetworkImage("https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2767608770,826089718&fm=26&gp=0.jpg"),
),
title: Text("XXX"),
subtitle: Text("XXXXXXXXXXXXXXXXXXXXXXXXX"),
),
],
),
),
Card(
margin: EdgeInsets.all(10),
child: Column(
children: [
AspectRatio(
aspectRatio: 16 / 9,
child: Image.network(
"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2767608770,826089718&fm=26&gp=0.jpg",
fit: BoxFit.cover,
),
),
ListTile(
leading: CircleAvatar(
backgroundImage: NetworkImage("https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2767608770,826089718&fm=26&gp=0.jpg"),
),
title: Text("XXX"),
subtitle: Text("XXXXXXXXXXXXXXXXXXXXXXXXX"),
),
],
),
),
],
);