垂直可滚动Column内嵌套未设高度LazyColumn报错解决方案

外层配置了Modifier.verticalScroll()的可滚动Column在测量子组件时，会传入最大值为无限大（Constraints.Infinity）的高度约束，而LazyColumn作为同方向的可滚动组件，本身不支持在无限高约束下完成测量，就会抛出该异常。
NestedScrollConnection仅能处理滚动事件的分发逻辑，无法干预布局测量阶段的约束传递，因此无法解决这个报错。

针对不显式指定LazyColumn固定高度的需求，有两种可直接落地的实现方式：

• 方案1：拆分固定区域与列表区域，用weight分配动态高度
  去掉外层根Column的verticalScroll修饰符，给包裹LazyColumn的容器添加Modifier.weight(1f)，修饰符会自动计算Column内其他非weight子元素占用的高度，把剩余可用空间全部分配给列表区域，既不需要写死固定dp值，也能给LazyColumn传递确定的高度约束。
  代码示例：

  Scaffold { innerPadding ->
      Column(
          modifier = Modifier
              .fillMaxSize()
              .padding(innerPadding)
      ) {
          // 列表区域，自动占满除下方固定内容外的所有剩余高度
          Column(
              modifier = Modifier.weight(1f)
          ) {
              LazyColumn(modifier = Modifier.fillMaxSize()) {
                  // 列表项内容
              }
          }
          // 下方固定展示的内容区域，按自身内容高度测量
          Column {
              // 其他非列表内容
          }
      }
  }
  

  注意：只要根Column添加了verticalScroll，weight修饰符就会失效——滚动容器的子组件默认按内容自身高度测量，不存在“剩余可用空间”的概念。

• 方案2：合并滚动容器，用单个LazyColumn承载所有内容
  如果页面本身需要整体滚动的效果，不要嵌套两个同方向的可滚动组件，直接把所有页面内容都放到同一个LazyColumn中，通过不同item块拆分原有的Column内容，从根源避免约束冲突：

  Scaffold { innerPadding ->
      LazyColumn(
          modifier = Modifier
              .fillMaxSize()
              .padding(innerPadding)
      ) {
          // 原顶部Column的内容，作为普通item
          item {
              // 顶部非列表内容
          }
          // 原嵌套LazyColumn的列表内容
          items(yourDataSource) { data ->
              // 列表项布局
          }
          // 原底部Column的内容，作为普通item
          item {
              // 底部非列表内容
          }
      }
  }
  

  这种写法不需要任何固定高度配置，滚动行为统一，性能也优于嵌套滚动组件的方案，是官方推荐的同方向滚动场景实现方式。

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