Flutter社交应用帖子列表无法正常显示问题排查求助

数据获取逻辑潜在问题 #

你当前的postsProvider存在未等待异步数据加载完成的问题：

final postsProvider = FutureProvider.family<List<Post>, model.User>( 
      (ref, model.User user) async { 
    final friends = user.following; 

    final allPosts = await Future.wait( 
      friends.map((frId) async { 
        // 问题：直接读取AsyncValue，未等待数据加载完成
        final asyncValue = ref.read(postPoolProvider(frId)); 
        return asyncValue.maybeWhen( 
          data: (posts) => posts, 
          orElse: () => <Post>[], 
        ); 
      }), 
    ); 

    return allPosts.expand((posts) => posts).toList(); 
  }); 

如果postPoolProvider是FutureProvider或StreamProvider，ref.read获取的是当前状态的AsyncValue，此时若数据仍在加载中，maybeWhen会直接触发orElse返回空数组，导致最终获取的帖子列表不完整。

修复方案：
如果postPoolProvider是FutureProvider，改用await ref.read(postPoolProvider(frId).future)等待数据完成：

final allPosts = await Future.wait(
  friends.map((frId) async {
    try {
      return await ref.read(postPoolProvider(frId).future);
    } catch (_) {
      return <Post>[];
    }
  }),
);

UI构建部分的核心问题 #

你的CustomScrollView配置直接导致滚动失效：

return CustomScrollView(
  scrollDirection: Axis.vertical,
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(), // 问题：禁止了滚动
  slivers: [/* ... */],
);

1. NeverScrollableScrollPhysics()：强制禁用了列表的滚动能力，这是帖子列表无法滚动的直接原因。
2. shrinkWrap: true：在NestedScrollView的body中使用shrinkWrap会导致列表高度仅适配当前可见内容，无法正常滚动加载更多。

UI修复步骤：

• 移除physics: const NeverScrollableScrollPhysics()，或替换为适合嵌套滚动的ClampingScrollPhysics()
• 移除shrinkWrap: true，让CustomScrollView自适应父容器高度
• 检查childCount计算逻辑：visiblePosts.length + (visiblePosts.length ~/ 3)可能导致索引越界，建议改为动态计算广告数量：

final adCount = (visiblePosts.length / 3).floor();
childCount: visiblePosts.length + adCount,

其他排查点 #

• 确认postPoolProvider能正确返回单个用户的帖子列表，可单独打印该Provider的数据验证
• 临时注释visiblePosts的过滤逻辑，检查是否因hiddenPostsProvider错误隐藏了所有帖子
• 确保NestedScrollView的配置正确，其body部分应允许子视图滚动

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