Jetpack Compose新增可见元素后如何实现Box高度自适应？

Compose的Box组件本身默认支持跟随子项尺寸动态自适应，你遇到的高度不更新、内容溢出问题，本质不是Box本身的配置问题，是外层Dialog容器的默认约束+子项测量顺序错误导致的：

• 官方默认Dialog/AlertDialog组件会给内容区域施加固定宽高约束，默认开启平台默认宽度限制，不会主动跟随内容重组后的尺寸刷新弹窗自身大小
• 你的加载中组件Loader作为Box的直接子项，如果使用了fillMaxSize()修饰符，会在Box初始测量阶段就撑满最大可用约束，导致内部Column拿到的高度上限被锁死，后续AlertMessage动态插入时就会出现溢出截断

1. 调整Dialog配置，关闭平台默认固定宽度限制，给内容开放自定义尺寸的权限
2. 给外层根Box添加wrapContentHeight()修饰符，明确声明布局按内容实际高度自适应，不强制撑满约束给到的最大高度
3. 调整Loader的测量逻辑，使用matchParentSize()替代fillMaxSize()，让Loader在Box测量完内容列确定最终尺寸后，再匹配Box大小做遮罩，不干扰初始尺寸计算

// 外层Dialog配置
Dialog(
    onDismissRequest = { /* 你的弹窗关闭逻辑 */ },
    properties = DialogProperties(usePlatformDefaultWidth = false) // 关闭平台默认固定宽度限制
) {
    Box(
        modifier = Modifier
            .clip(RoundedCornerShape(4.dp))
            .wrapContentHeight() // 核心配置：高度跟随内容自适应
            .widthIn(min = 280.dp, max = 320.dp) // 自定义弹窗合理宽度范围，避免过宽
    ) {
        Column(
            modifier = Modifier
                .background(MaterialTheme.colors.onPrimary, MaterialTheme.shapes.large)
                .padding(12.dp)
        ) {
            Text(
                text = stringResource(R.string.verify_hint, user.email).parseBold(),
                fontSize = 18.textDp,
                fontFamily = SourceSans
            )

            if (viewState.errorCode != 0) {
                AlertMessage(
                    message = stringResource(id = viewState.errorCode),
                    color = errorColor,
                    padding = PaddingValues(top = 12.dp)
                )
            }

            TextField(
                value = code,
                onValueChange = { code = it },
                label = { Text(stringResource(R.string.verification_code)) },
                colors = TextFieldDefaults.textFieldColors(backgroundColor = textFieldColor),
                singleLine = true,
                keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(top = 12.dp, bottom = 12.dp)
            )

            NMButton(
                onClick = { viewModel.verify(user, code, verifyLogin, language = context.getLanguageBasedOnConfiguration()) },
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(start = 0.dp, end = 0.dp),
                icon = R.drawable.ic_badge_check_solid,
                label = stringResource(R.string.verify)
            )
        }
        // 加载遮罩不参与初始尺寸测量
        if (viewState.loading) {
            Loader(
                modifier = Modifier
                    .matchParentSize() // 等Box尺寸确定后再铺满，不会提前撑大约束
                    .align(Alignment.Center)
            )
        }
    }
}

• 修饰符顺序会影响布局结果，wrapContentHeight()要放在clip、background等和尺寸、绘制相关的修饰符之前，避免出现测量或绘制异常
• 不要给根Box、内部Column添加fillMaxHeight()、固定height()等硬编码锁死高度的修饰符，否则会覆盖自适应逻辑
• 如果使用第三方弹窗组件，需要检查对应配置项，关闭默认固定宽高设置，把尺寸控制权交给内部内容

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