Flutter开发：Card使用

最新推荐文章于 2025-06-08 09:00:00 发布

可乐猫哈

最新推荐文章于 2025-06-08 09:00:00 发布

阅读量929

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Flutter开发

本文链接：https://blog.csdn.net/qq_39027256/article/details/107300616

本文介绍了在Flutter开发中如何利用Card组件创建列表。通过在ListView中包裹Card，展示模拟数据，从而实现美观的列表效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模拟数据：

在工程目录下添加一个ListDart文件模拟存放我们的数据源，然后在Main.dart文件中引入该文件

  List listData=[
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/1.png',
          "description": 'Flutter is Google’s mobile UI framework for crafting high-quality native experiences on iOS and Android in record time. Flutter works with existing',
      },
       {
          "title": 'Childhood in a picture',
          "author": 'Google',
          "imageUrl": 'https://www.itying.com/images/flutter/2.png',
          "description": 'Flutter is Google’s mobile UI framework for crafting high-quality native experiences on iOS and Android in record time. Flutter works with existing',
      },
      {
          "title": 'Ali