Flutter中如何在ListView.builder中正确使用Widget列表？

ListView.builder的itemBuilder闭包要求每次执行返回单个Widget实例，对应当前渲染位置的列表子项。你的代码中直接return widget.cardList;返回的是List<CardPage>类型的整个列表对象，和闭包要求的返回类型Widget不匹配，因此抛出类型错误。

1. 修改itemBuilder的返回逻辑，通过传入的index参数取列表中对应位置的单个卡片组件返回，修正后的ListView代码如下：

ListView.builder(
  padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
  itemCount: widget.cardList.length,
  itemBuilder: (BuildContext context, int index) {
    // 返回索引位置对应的单个CardPage组件
    return widget.cardList[index];
  }
),

2. 修复CardPage组件的规范问题，避免后续lint报错或状态异常：
   StatelessWidget的所有属性必须声明为final，适配空安全的版本建议补充必填参数标记，修正后的类定义开头如下：

class CardPage extends StatelessWidget {
  final String title;
  final String description;
  const CardPage({Key? key, required this.title, required this.description}) : super(key: key);

  // 下方原有build逻辑无需改动
  @override
  Widget build(BuildContext context) {
    // 省略原有的布局代码
  }
}

改完后热重载即可正常渲染卡片列表，实现收藏页批量展示卡片的效果。

内容的提问来源于stack exchange，提问作者bora399