如何编写Firebase查询同时拉取两个节点帖子并按发布时间倒序展示

问题根因 #

• 你的TextPosts数据监听回调里执行了postList.clear()，会把已经加载好的ImagePosts数据全部清空，两个请求返回时序不确定，所以每次只会显示最后返回的那类帖子
• 混用了两个未做类型兼容的适配器，且RecyclerView只绑定了PostAdapter，TextPostAdapter的更新不会生效
• 直接用Collections.reverse()排序不符合需求，你需要的是按postedAt字段全局倒序，不是仅对单类帖子反序
• 两类帖子分开监听后没有做数据合并逻辑，每次单类数据更新后没有重新全局排序

修复方案 #

步骤1：调整适配器逻辑 #

你已经有统一的Post模型类，只需要保留一个PostAdapter，在适配器中通过getItemViewType区分图片帖和文本帖，分别加载对应布局即可，不需要维护两个独立适配器。

步骤2：调整数据查询和合并逻辑 #

修改后的HomeFragment代码如下：

public class HomeFragment extends Fragment {

    ShimmerRecyclerView dashboardRV;
    ArrayList<Post> postList;
    PostAdapter postAdapter;
    // 分别存储两类帖子的最新数据，避免互相覆盖
    ArrayList<Post> imagePostList = new ArrayList<>();
    ArrayList<Post> textPostList = new ArrayList<>();

    public HomeFragment() {

    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_home, container, false);

        dashboardRV = view.findViewById(R.id.dashboardRv);
        dashboardRV.showShimmerAdapter();
        postList = new ArrayList<>();
        postAdapter = new PostAdapter(postList, getContext());
        LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
        // 配合排序逻辑保证最新帖子在顶部
        layoutManager.setReverseLayout(true);
        layoutManager.setStackFromEnd(true);
        dashboardRV.setLayoutManager(layoutManager);
        dashboardRV.addItemDecoration(new DividerItemDecoration(dashboardRV.getContext(), DividerItemDecoration.VERTICAL));
        dashboardRV.setNestedScrollingEnabled(false);

        dashboardRV.setAdapter(postAdapter);

        // 监听图片帖
        database.getReference()
                .child("Posts")
                .child("ImagePosts")
                .addValueEventListener(new ValueEventListener() {
                    @Override
                    public void onDataChange(@NonNull DataSnapshot snapshot) {
                        imagePostList.clear();
                        for (DataSnapshot dataSnapshot : snapshot.getChildren()) {
                            Post post = dataSnapshot.getValue(Post.class);
                            post.setPostId(dataSnapshot.getKey());
                            imagePostList.add(post);
                        }
                        mergeAndSortPosts();
                    }

                    @Override
                    public void onCancelled(@NonNull DatabaseError error) {
                        dashboardRV.hideShimmerAdapter();
                    }
                });

        // 监听文本帖
        database.getReference()
                .child("Posts")
                .child("TextPosts")
                .addValueEventListener(new ValueEventListener() {
                    @Override
                    public void onDataChange(@NonNull DataSnapshot snapshot) {
                        textPostList.clear();
                        for (DataSnapshot dataSnapshot : snapshot.getChildren()) {
                            Post post = dataSnapshot.getValue(Post.class);
                            post.setPostId(dataSnapshot.getKey());
                            textPostList.add(post);
                        }
                        mergeAndSortPosts();
                    }

                    @Override
                    public void onCancelled(@NonNull DatabaseError error) {
                        dashboardRV.hideShimmerAdapter();
                    }
                });
        
        return view;
    }

    // 合并两类帖子并按发布时间倒序
    private void mergeAndSortPosts() {
        postList.clear();
        postList.addAll(imagePostList);
        postList.addAll(textPostList);
        // 按postedAt字段倒序排序，这里假设postedAt是Long类型的时间戳，字段类型不同可自行调整比较逻辑
        Collections.sort(postList, (p1, p2) -> Long.compare(p2.getPostedAt(), p1.getPostedAt()));
        postAdapter.notifyDataSetChanged();
        dashboardRV.hideShimmerAdapter();
    }
}

核心修改说明 #

• 新增两个独立列表分别存储图片帖和文本帖的最新数据，避免两类数据互相覆盖
• 新增mergeAndSortPosts统一处理数据合并、排序逻辑，任意一类帖子数据更新时都会触发全量合并排序，保证两类数据都能展示
• 移除了错误的全局postList.clear()调用，以及无用的TextPostAdapter相关逻辑
• 替换了Collections.reverse()为按postedAt字段的自定义排序，保证排序逻辑符合需求
• 给LinearLayoutManager设置了setReverseLayout(true)和setStackFromEnd(true)，配合排序逻辑保证最新帖子固定展示在顶部

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