NestedScrollView内嵌RecyclerView调用startListening时UI冻结问题求解

你之前尝试的固定RecyclerView高度、关闭嵌套滚动等方案仅能解决滚动冲突问题，没有触及卡顿的核心诱因：

• NestedScrollView嵌套垂直RecyclerView时，会强制RecyclerView全量测量所有子item，复用机制完全失效，10条数据对应的所有视图会一次性在主线程完成测量、布局、渲染，产生大量计算开销
• FirestoreRecyclerAdapter默认的startListening()方法触发的查询结果回调、数据diff计算、列表更新操作全部运行在主线程，和当前页面的滚动事件、视图渲染任务抢占主线程时间片，直接触发1-2s的阻塞

1. 最优方案：重构布局恢复RecyclerView复用能力 #

直接替换当前NestedScrollView+多RecyclerView的结构，改为单RecyclerView多视图类型实现：

• 将两个横向RecyclerView作为单垂直RecyclerView的头部Item类型，原问答列表作为普通Item类型，所有内容由同一个垂直RecyclerView承载
• 移除外层NestedScrollView，天然恢复RecyclerView的视图复用能力，仅渲染屏幕可见范围的item，不会一次性全量计算10条数据的视图
  示例代码：

class MultiTypeAdapter : RecyclerView.Adapter<RecyclerView.ViewHolder>() {
    companion object {
        const val TYPE_HORIZONTAL_LIST1 = 0
        const val TYPE_HORIZONTAL_LIST2 = 1
        const val TYPE_QA_CONTENT = 2
    }

    override fun getItemViewType(position: Int): Int {
        return when(position) {
            0 -> TYPE_HORIZONTAL_LIST1
            1 -> TYPE_HORIZONTAL_LIST2
            else -> TYPE_QA_CONTENT
        }
    }

    // 对应不同type创建不同ViewHolder、绑定数据即可
}

触发数据加载的逻辑改为监听该垂直RecyclerView的滚动事件，当即将滚动到问答Item区域时再触发数据拉取即可。

2. 兼容现有布局的优化方案 #

如果暂时无法重构布局，可以通过调整Firestore加载逻辑降低主线程压力：

• 放弃FirestoreRecyclerAdapter自带的startListening()自动绑定逻辑，手动在IO线程执行Firestore查询，完成数据字段转换、排序等预处理操作后再分批抛到主线程更新视图，避免主线程一次性处理10条数据的渲染
• 关闭RecyclerView的默认item动画、开启stable id减少不必要的重绘
  示例代码：

// 配置RecyclerView
qaRecyclerView.setHasFixedSize(true);
qaRecyclerView.setNestedScrollingEnabled(false);
qaRecyclerView.setItemAnimator(null);
qaAdapter.setHasStableIds(true);

// 手动异步查询Firestore
db.collection("你的问答集合名")
    .limit(10)
    .get()
    .addOnSuccessListener(Executors.newSingleThreadExecutor(), querySnapshot -> {
        // IO线程完成所有数据预处理，不占用主线程资源
        List<QaModel> dataList = querySnapshot.toObjects(QaModel.class);
        // 分批提交到主线程，每批3条，间隔100ms，避免主线程阻塞
        for (int i = 0; i < dataList.size(); i += 3) {
            int batchEnd = Math.min(i + 3, dataList.size());
            List<QaModel> batchData = dataList.subList(i, batchEnd);
            new Handler(Looper.getMainLooper()).postDelayed(() -> {
                qaAdapter.addBatchData(batchData);
            }, i * 100L);
        }
    });

3. 渲染侧辅助优化 #

• 给问答Item的根布局设置固定高度/高宽比，减少测量阶段的计算开销
• 开启RecyclerView的视图缓存：qaRecyclerView.setItemViewCacheSize(15)，提前缓存item视图
• Item内的图片、富文本等内容使用异步加载框架，避免主线程同步加载资源

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