RecyclerView中WebView展开位置异常：底部固定向上扩展问题

我之前在做类似Inbox风格的折叠WebView列表时，也遇到过完全一模一样的问题！这本质是RecyclerView在动态更新Item高度时的滚动位置维护逻辑导致的——当你从底部往上展开Item时，RecyclerView会试图保持当前屏幕的可见区域，结果就把新增的WebView高度“挤”到了Item的上方，导致你看到的是WebView的末尾而不是顶部。下面是我亲测有效的解决方案：

核心原因 #

RecyclerView的默认布局逻辑是：当某个Item的高度发生变化后，它会基于当前的滚动偏移量来重新计算布局。如果是从下往上操作（比如点击第n个、n-1个Item），Item高度增加后，RecyclerView为了不让底部内容被挤出屏幕，会将整个Item向上平移，最终导致WebView向上扩展，头部被推高。

具体解决方案 #

1. 点击时记录原始位置，更新后修正滚动偏移 #

在ViewHolder的头部点击事件里，先记录下当前Item在RecyclerView中的原始顶部坐标，等WebView加载完成并显示后，强制将RecyclerView滚动回正确的位置，确保头部固定在原来的位置，WebView向下展开。

示例代码（结合Databinding和ViewModel）：

// 在ViewHolder中处理头部点击
inner class WebViewHolder(val binding: ItemWebBinding) : RecyclerView.ViewHolder(binding.root) {
    private var isWebLoaded = false
    private var originalItemTop = 0

    fun bind(item: WebItem, viewModel: WebListViewModel) {
        binding.item = item
        binding.header.setOnClickListener {
            // 记录点击时Item的顶部位置
            originalItemTop = binding.root.top

            if (!isWebLoaded) {
                // 首次加载WebView内容
                binding.webView.loadDataWithBaseUrl(null, item.content, "text/html", "UTF-8", null)
                binding.webView.webViewClient = object : WebViewClient() {
                    override fun onPageFinished(view: WebView?, url: String?) {
                        super.onPageFinished(view, url)
                        isWebLoaded = true
                        // 标记Item状态更新，通知RecyclerView刷新
                        viewModel.updateItemExpandedState(item.id, true)
                        // 修正滚动位置
                        fixRecyclerViewScrollPosition(adapterPosition)
                    }
                }
            } else {
                // 已加载过，直接切换可见性
                val isExpanded = !item.isExpanded
                viewModel.updateItemExpandedState(item.id, isExpanded)
                // 如果是展开状态，同样需要修正位置
                if (isExpanded) {
                    fixRecyclerViewScrollPosition(adapterPosition)
                }
            }
        }

        // 根据状态设置WebView可见性
        binding.webView.visibility = if (item.isExpanded) View.VISIBLE else View.GONE
    }

    private fun fixRecyclerViewScrollPosition(position: Int) {
        val recyclerView = binding.root.parent as RecyclerView
        recyclerView.post {
            val targetView = recyclerView.findViewHolderForAdapterPosition(position)?.itemView
            targetView?.let {
                val currentTop = it.top
                // 计算需要滚动的偏移量，让Item回到原来的顶部位置
                val scrollOffset = originalItemTop - currentTop
                if (scrollOffset != 0) {
                    recyclerView.smoothScrollBy(0, scrollOffset)
                }
            }
        }
    }
}

2. 确保WebView高度计算完成后再通知RecyclerView更新 #

WebView的自适应高度需要等内容加载完成后才能准确获取，所以一定要在onPageFinished回调里再更新Item的展开状态，而不是点击后立刻设置可见性。这样RecyclerView能拿到准确的Item高度，减少布局计算的偏差。

如果你的WebView是通过自定义方式计算高度（比如webView.measure(0,0)然后取measuredHeight），也要确保在测量完成后再通知Adapter更新：

override fun onPageFinished(view: WebView?, url: String?) {
    super.onPageFinished(view, url)
    view?.measure(View.MeasureSpec.makeMeasureSpec(binding.root.width, View.MeasureSpec.EXACTLY),
                  View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED))
    val webHeight = view.measuredHeight
    // 更新ViewModel中对应的Item高度（可选，用于更精确的布局）
    viewModel.updateItemWebHeight(item.id, webHeight)
    isWebLoaded = true
    viewModel.updateItemExpandedState(item.id, true)
    fixRecyclerViewScrollPosition(adapterPosition)
}

3. 使用局部更新避免RecyclerView全局重布局 #

在Adapter中更新Item时，尽量使用notifyItemChanged(position, PAYLOAD)而不是notifyItemChanged(position)，这样RecyclerView只会更新Item的局部（比如WebView的可见性），而不会重新测量整个列表，减少滚动位置的异常：

// 在Adapter中
override fun onBindViewHolder(holder: WebViewHolder, position: Int, payloads: MutableList<Any>) {
    if (payloads.isEmpty()) {
        super.onBindViewHolder(holder, position, payloads)
    } else {
        // 只处理展开状态的局部更新
        val item = getItem(position)
        holder.binding.webView.visibility = if (item.isExpanded) View.VISIBLE else View.GONE
        // 如果是展开状态，修正滚动位置
        if (item.isExpanded) {
            holder.fixRecyclerViewScrollPosition(position)
        }
    }
}

// 在ViewModel中通知更新时
fun updateItemExpandedState(itemId: String, isExpanded: Boolean) {
    val index = items.indexOfFirst { it.id == itemId }
    if (index != -1) {
        items[index].isExpanded = isExpanded
        // 发送局部更新的payload
        adapterLiveData.value?.notifyItemChanged(index, "EXPANDED_STATE_CHANGED")
    }
}

额外注意事项 #

• 不要给WebView设置android:layout_height="match_parent"，必须保持wrap_content，并禁用WebView自身的滚动（webView.isScrollContainer = false），让RecyclerView统一处理滚动。
• 如果你的列表有大量WebView，建议开启RecyclerView的setHasFixedSize(false)，确保它能正确响应Item高度的变化。

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