RecyclerView内嵌LazyVerticalGrid报滚动嵌套错误如何实现动态高度

该异常由同方向滚动容器嵌套触发：外层RecyclerView为垂直滚动，内层LazyVerticalGrid默认也开启垂直滚动能力，Compose滚动机制主动拦截了该场景，避免出现滑动冲突、组件复用失效等问题。
你遇到的wrapContentHeight()不生效问题，是因为Lazy系列组件本身为长列表滚动场景设计，默认会占用父布局提供的全部可用高度，仅当你设置固定高度时，Compose测量阶段才能确定它的边界，不会触发嵌套滚动校验。

• 首选方案：改用非懒加载Grid实现
  你需要内层网格高度随内容自适应，说明网格的Item数量不会很大，不需要Lazy组件的离屏复用能力，直接用普通非懒加载Grid即可从根源避免滚动冲突：

  import androidx.compose.foundation.layout.Grid
  import androidx.compose.foundation.layout.Arrangement
  import androidx.compose.foundation.layout.spacedBy
  
  productList?.let { list ->
      Grid(
          modifier = Modifier
              .fillMaxWidth()
              .wrapContentHeight(),
          columns = 2,
          horizontalArrangement = Arrangement.spacedBy(8.dp), // 列间距
          verticalArrangement = Arrangement.spacedBy(8.dp) // 行间距
      ) {
          list.forEach { product ->
              productImage(product = product)
          }
      }
  }
  

  如果你使用的Compose版本低于1.4.0没有内置Grid组件，也可以用Column+Row手动实现网格布局。

• 方案2：保留LazyVerticalGrid，关闭滚动能力
  如果确实需要Lazy组件的复用能力，可通过关闭内层滚动+自适应高度参数解决：

  productList?.let { list ->
      LazyVerticalGrid(
          cells = GridCells.Fixed(2),
          modifier = Modifier
              .fillMaxWidth()
              .wrapContentHeight(align = Alignment.Top),
          userScrollEnabled = false, // 关闭内层滚动，避免和外层RecyclerView冲突
          contentPadding = PaddingValues(8.dp),
          verticalArrangement = Arrangement.spacedBy(8.dp),
          horizontalArrangement = Arrangement.spacedBy(8.dp)
      ) {
          items(list) { product ->
              productImage(product = product)
          }
      }
  }
  

• 方案3：将网格项合并到外层滚动容器（性能最优）
  如果外层已经使用Compose的LazyColumn替代了原生RecyclerView，可直接将网格元素拆分到外层Lazy容器中，不需要嵌套内层网格组件：将商品列表每2个分为一组，每组作为外层LazyColumn的一个Item，每个Item内部用Row放两个商品卡片即可，完全避免嵌套问题的同时复用效率最高。

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