将含嵌套RecyclerView的Fragment嵌入Compose后，内部RecyclerView项宽度为0无法显示

我之前在把传统Fragment嵌入Compose时，也碰到过类似的嵌套RecyclerView布局测量异常问题，结合你提供的代码，咱们来一步步排查解决：

核心原因分析 #

Compose的AndroidViewBinding在承载传统View/Fragment时，布局约束的传递逻辑和纯XML环境略有不同。尤其是你的自定义BarChartView依赖动态计算宽度，当Fragment嵌入Compose后，可能出现测量时机滞后或者父容器约束未正确传递的情况，导致内部RecyclerView的item拿不到正确的宽度值，最终显示为0。

具体解决方案 #

1. 给嵌入的Fragment设置正确的Compose布局约束

首先要确保Compose给Fragment容器分配了足够的空间，默认情况下AndroidViewBinding的布局是wrapContent，这会导致Fragment的容器没有填满可用区域，进而影响内部RecyclerView的测量：

// 给AndroidViewBinding添加fillMaxSize修饰符，确保容器占满Compose布局空间
AndroidViewBinding(
    FragmentPubinsTabHolderBinding::inflate,
    modifier = Modifier.fillMaxSize()
) {
    // 额外确保FragmentContainerView的布局参数是MATCH_PARENT
    fragmentPubinsTabHolder.layoutParams = ViewGroup.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.MATCH_PARENT
    )
}

2. 修复自定义BarChartView的测量逻辑

你的BarChartView在水平模式下初始宽度设为0，依赖setPosition动态更新，但在Compose环境下，View的测量触发时机可能和纯XML不同。重写onMeasure方法，确保每次测量都根据当前的position和max计算正确的宽度：

class BarChartView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null
) : FrameLayout(context, attrs) {
    // ... 原有代码 ...

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        if (horizontal) {
            // 获取父容器的可用宽度
            val parentWidth = MeasureSpec.getSize(widthMeasureSpec)
            // 根据position/max计算bar的实际宽度
            val targetWidth = (parentWidth * (position / max)).coerceAtLeast(0.0).toInt()
            barView.layoutParams.width = targetWidth
            // 触发barView重新布局
            barView.requestLayout()
        } else {
            // 垂直模式同理处理高度
            val parentHeight = MeasureSpec.getSize(heightMeasureSpec)
            val targetHeight = (parentHeight * (position / max)).coerceAtLeast(0.0).toInt()
            barView.layoutParams.height = targetHeight
            barView.requestLayout()
        }
    }

    private fun setPositionInt(animate: Boolean) {
        // ... 原有动画逻辑 ...
        // 触发当前View重新测量，确保onMeasure被调用
        requestLayout()
    }
}

3. 检查内部RecyclerView的Item布局

确保内部RecyclerView的item根布局设置了android:layout_width="match_parent"，这样item才能从父RecyclerView拿到正确的宽度约束，避免宽度被计算为0：

<!-- 内部RecyclerView的item布局示例 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" <!-- 必须设置为match_parent -->
    android:layout_height="wrap_content">
    
    <!-- 你的BarChartView -->
    <xxx.BarChartView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

4. 延迟触发RecyclerView的重新布局

Fragment嵌入Compose后，RecyclerView的LayoutManager可能没有及时完成初始化，导致item布局异常。可以在Fragment的onViewCreated中延迟触发重新布局：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    // 延迟一段时间，确保Compose布局完成后再触发RecyclerView更新
    tilesList.postDelayed({
        tilesList.requestLayout()
        adapter?.notifyDataSetChanged()
    }, 100)
}

按照这几步调整后，应该能解决内部RecyclerView项宽度为0的问题。核心就是确保Compose传递正确的布局约束给Fragment，自定义View能正确响应测量流程，RecyclerView的item能拿到父容器的有效宽度。

内容来源于stack exchange