使用Flutter构建卡片式页面布局

本次的目标是使用Flutter构建如下的页面布局（也是常见的页面布局样式）

实现步骤

1.准备数据文件，准备一个如下图所示的数据文件，将其保存为dart文件，例如listData.dart

2.开始编写主程序，这里直接贴上实现的代码，如下图所示

在上述代码中主要用到了：

a).ListView组件：循环生成列表，通过ListView组件下的ListTile来生成标题及说明

b).CircleAvatar组件：生成圆形头像

c).Image组件：加载图片

d).Card组件：生成卡片效果

e).AspectRatio组件：控制主图片的长宽比

f).Column组件：控制按照行的方式显示内容