如何在ExposedDropdownMenu中使用LazyColumn？解决报错问题

你遇到的错误核心是ExposedDropdownMenu默认会尝试通过固有尺寸测量（intrinsic measurements）来确定下拉菜单的大小，但LazyColumn这类基于SubcomposeLayout的组件不支持这种测量方式，直接嵌套就会触发异常。

修复方案 #

给LazyColumn添加明确的尺寸限制，让ExposedDropdownMenu无需查询它的固有尺寸即可确定布局大小。最常用的是设置最大高度，既保证选项少时菜单自适应高度，选项多时可滚动。

修改后的完整代码 #

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun SageExposedDropdownMenuBox(options: List<DropDownMenuOption>) {

  var expanded by remember { mutableStateOf(false) }
  
  var selected by remember { mutableStateOf<DropDownMenuOption?>(null) }

  ExposedDropdownMenuBox(
    expanded = expanded,
    onExpandedChange = {
      expanded = !expanded
    }
  ) {

    TextField(
      value = selected?.label ?: "",
      onValueChange = {},
      readOnly = true,     
      modifier = Modifier.menuAnchor()
    )

    ExposedDropdownMenu(
      expanded = expanded,
      onDismissRequest = { expanded = false }
    ) {
      // 添加最大高度限制，避免触发固有尺寸测量
      LazyColumn(modifier = Modifier.heightIn(max = 300.dp)) {
        items(options) { option ->
          DropdownMenuItem(
            text = { Text(text = option.label) },
            onClick = {
              selected = option
              expanded = false
            }
          )
        }
      }
    }
  }
}

补充说明 #

• 也可以使用固定高度Modifier.height(300.dp)，但heightIn(max = ...)的灵活性更强，适配不同数量的选项。
• 本质逻辑是：让LazyColumn的尺寸由开发者明确约束，而非依赖父组件通过固有尺寸测量自动计算，从根源上规避冲突。

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