求助：androidx.constraintlayout.helper.widget.Flow中RecyclerView滚动后重叠

问题核心根因 #

• ViewHolder复用机制下的控件残留：Adapter每次绑定数据时直接向item根布局addView添加动态TextView，从未清理上次复用时添加的旧控件，滚动过程中会在同一个布局内堆叠大量重复控件，最终造成视觉上的重叠。
• 控件ID冲突：动态添加的TextView ID采用从1开始的自增临时值，复用过程中新旧控件ID完全重复，Flow布局通过ID引用控件时无法匹配正确目标，排布逻辑完全错乱。
• Flow布局高度计算失效：Flow布局的高度设置为match_parent，而父布局为自适应高度，滚动时RecyclerView缓存的item高度与Flow实际计算的换行内容高度不匹配，进一步放大重叠问题。
• 引用列表未清空：每次绑定新的引用ID前，没有清空Flow布局上一轮存储的旧控件引用，新旧ID混叠导致Flow无法正确识别需要排布的控件集合。
• 绑定逻辑缺失position维度：原有绑定逻辑未结合列表项位置取对应数据，每次绑定都将全量标签集合添加到每个item中，既加重了控件堆叠，也不符合列表渲染的基本逻辑。

具体修改步骤 #

1. 重构Adapter的绑定逻辑，解决控件残留问题 #

• 动态添加的自定义View添加专属tag标记，避免清理时误删XML中原生定义的Flow、分割线等控件
• 每次绑定数据前，遍历根布局，移除所有带标记的动态控件，从根源消除复用带来的控件堆叠
• 清空Flow布局的旧引用列表，再添加新的控件、绑定新的引用ID
• 替换手动自增的临时ID，使用系统提供的ViewGenerationId生成全局唯一控件ID，彻底解决ID冲突问题
• 结合列表position取当前项对应的标签集合，避免每个item加载完全相同的重复内容

参考修改后的绑定代码：

override fun onBindViewHolder(viewHolder: ViewHolder, position: Int) {
    val holder = viewHolder as DetailViewHolder
    // 传入当前position对应的数据，不要全量传数组
    setData(holder, listSize[position])
}

private fun setData(holder: DetailViewHolder, currentItemTagCount: Int) {
    // 1. 清理上次复用残留的动态控件
    val dynamicViewList = mutableListOf<View>()
    for (i in 0 until holder.constraintLayout.childCount) {
        val childView = holder.constraintLayout.getChildAt(i)
        // 识别我们给动态TextView打的标记
        if (childView.getTag(R.id.flow_dynamic_view_tag) != null) {
            dynamicViewList.add(childView)
        }
    }
    dynamicViewList.forEach { holder.constraintLayout.removeView(it) }
    // 清空Flow的旧引用
    holder.flowLayout.referencedIds = intArrayOf()

    // 2. 生成全局唯一的控件ID，避免冲突
    val idGenerator = ViewGenerationId.get(context)
    val referIdArray = IntArray(currentItemTagCount)
    // 3. 正常添加动态TextView
    for (i in 0 until currentItemTagCount) {
        val orderNo = TextView(context)
        orderNo.text = "orderNo $i"
        orderNo.setTag(R.id.flow_dynamic_view_tag, true)
        // 用系统生成的唯一ID，替换原来的自增临时ID
        val viewId = idGenerator.getId()
        orderNo.id = viewId
        orderNo.isSingleLine = true
        orderNo.ellipsize = TextUtils.TruncateAt.END
        val layoutParams = ConstraintLayout.LayoutParams(0, ConstraintLayout.LayoutParams.WRAP_CONTENT).apply {
            matchConstraintPercentWidth = 0.5f
        }
        orderNo.layoutParams = layoutParams

        referIdArray[i] = viewId
        holder.constraintLayout.addView(orderNo)
    }
    // 4. 给Flow绑定当前控件的引用列表
    holder.flowLayout.referencedIds = referIdArray
}

2. 修改item布局的配置，解决高度计算问题 #

• Flow布局的高度从match_parent改为wrap_content，让Flow可以根据内部换行排布的真实高度自适应，避免RecyclerView缓存的item高度与实际内容高度不符
• 给布局底部的2dp分割线补充对应约束，让其固定在Flow布局的下方，避免无约束控件随意排布造成的视觉重叠

参考修改后的Flow布局配置：

<androidx.constraintlayout.helper.widget.Flow
    android:id="@+id/flowLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#e4e4e4"
    app:flow_horizontalAlign="start"
    app:flow_horizontalBias="0"
    app:flow_horizontalStyle="packed"
    app:flow_maxElementsWrap="10"
    app:flow_verticalAlign="top"
    app:flow_verticalBias="0"
    app:flow_verticalGap="0dp"
    app:flow_wrapMode="chain"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="@color/black"
    app:layout_constraintTop_toBottomOf="@id/flowLayout"
    android:layout_marginTop="4dp"/>

注意：使用动态tag之前，需要在res/values/ids.xml中声明对应资源ID，避免出现资源ID不识别的问题：

<resources>
    <item name="flow_dynamic_view_tag" type="id"/>
</resources>

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