Flutter异步函数结果无法更新列表，ListView无数据如何解决？

1. 修正数据结构与访问逻辑 #

你的filterMangaList是二维数组（[[{...}], [{...}]]），但在ListView.builder中直接通过filterMangaList[index]['title']访问会报错——因为外层数组的每个元素是一个子数组，而非漫画对象。

解决方法：在获取数据时避免嵌套数组，改用addAll直接将漫画对象加入列表：

Future getFavMangas() async {
  final userDoc = await firestore.collection("users").doc(user.uid).get();
  final favMangasList = userDoc.data()?["fav_manga"] ?? [];

  // 清空旧数据，防止重复加载
  filterMangaList.clear();

  for (var title in favMangasList) {
    final mangas = await FirebaseFirestore.instance
        .collection('mangas')
        .where('title', isEqualTo: title)
        .get();
    // 将查询到的漫画对象直接加入列表（而非嵌套数组）
    filterMangaList.addAll(mangas.docs.map((doc) => doc.data()).toList());
  }

  // 统一触发UI更新，避免多次重建
  setState(() {});
  print(filterMangaList);
}

2. 修正ListView的滚动冲突 #

由于ListView嵌套在Column中，需要添加physics: NeverScrollableScrollPhysics()避免滚动冲突，同时保留shrinkWrap: true：

filterMangaList.isEmpty
    ? const Center(child: Text("暂无收藏的漫画"))
    : ListView.builder(
        shrinkWrap: true,
        physics: const NeverScrollableScrollPhysics(),
        itemCount: filterMangaList.length,
        itemBuilder: (context, index) {
          final manga = filterMangaList[index];
          return ListTile(
            title: Text(manga['title']),
            leading: Image.network(manga['pic']), // 可选：添加漫画封面图
          );
        },
      ),

3. 修正setState写法 #

原代码中setState(() { filterMangaList; });是无效写法，setState只需触发状态更新，无需在回调中重复变量——直接写setState(() {});即可。

额外优化（可选） #

用Future.wait并行发起所有查询，避免循环内多次await，提升加载效率：

Future getFavMangas() async {
  final userDoc = await firestore.collection("users").doc(user.uid).get();
  final favMangasList = userDoc.data()?["fav_manga"] ?? [];

  // 并行发起所有查询
  final futures = favMangasList.map((title) => FirebaseFirestore.instance
      .collection('mangas')
      .where('title', isEqualTo: title)
      .get());
  final results = await Future.wait(futures);

  // 整理数据
  filterMangaList.clear();
  for (var result in results) {
    filterMangaList.addAll(result.docs.map((doc) => doc.data()).toList());
  }

  setState(() {});
}

注：initState中直接print(filterMangaList)为空是正常的——因为getFavMangas是异步函数，初始化时数据还未获取完成，无需修改。

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