Jetpack Compose如何实现文本容器自适应高度且设最大高度？

我有一个Composable对话框，其中包含多个文本视图。其中一个文本视图位于可滚动Column内，因为其文本内容可能较长。目前当内容较长时我会将Column高度设为fillMaxHeight(0.5f)，内容较短时设为wrapContentHeight()，但问题是我无法预知屏幕尺寸及文本所需的显示空间。我希望实现：容器占用所需空间，但不超过最大高度（如屏幕剩余高度），避免使用fillMaxHeight时即使不需要空间也占用的情况，请问该如何实现？

@Composable
private fun DetailDialog() {
    val context = LocalContext.current
    val game = mSelectedGame

    Dialog(
        icon = painterResource(R.mipmap.ic_dice),
        title = stringResource(R.string.title_details),
        actionIcon = painterResource(R.mipmap.ic_close),
        actionsDescription = stringResource(R.string.close),
        dialogProperties = DialogProperties(dismissOnClickOutside = true),
        onActionClick = {
            mGameClicked.value = false
            mSelectedGame = UnknownGame.copy()
        },
        onDismissRequest = {
            mGameClicked.value = false
            mSelectedGame = UnknownGame.copy()
        }) {
        Column(
            modifier = Modifier.padding(horizontal = 10.dp)
        ) {
            Spacer(Modifier.height(5.dp))
            Entry(painterResource(R.mipmap.ic_identification_documents), stringResource(R.string.name), game.name)
            Spacer(Modifier.height(5.dp))
            Entry(painterResource(R.mipmap.ic_timespan), stringResource(R.string.time_span), "${game.minTime} - ${game.maxTime} min")
            Spacer(Modifier.height(5.dp))
            Entry(painterResource(R.mipmap.ic_user_groups), stringResource(R.string.persons), "${game.minPerson} - ${game.maxPerson}")
            Spacer(Modifier.height(5.dp))
            Entry(painterResource(R.mipmap.ic_dice), stringResource(R.string.genres), game.genres.value.stream().map { it.name }.toArray().joinToString())
            Spacer(Modifier.height(5.dp))
            Entry(painterResource(R.mipmap.ic_information), stringResource(R.string.description), game.description, maxLines = false)
            Spacer(Modifier.height(5.dp))
            Row(
                Modifier
                    .fillMaxWidth()
                    .align(CenterHorizontally)
            ) {
                Spacer(modifier = Modifier.weight(1f))
                OutlinedTextButton(painterResource(R.mipmap.ic_edit), stringResource(R.string.edit)) { startForResult.launch(Intent(context, EditGamesActivity::class.java).apply { putExtra(EXTRA_GAME_ID, game.id) }) }
                OutlinedTextButton(painterResource(R.mipmap.ic_waste), stringResource(R.string.delete)) { }
                Spacer(modifier = Modifier.weight(1f))
            }
        }
    }
}

@Composable
private fun Entry(icon: Painter, contentDescription: String, text: String, size: TextUnit = 16.sp, maxLines: Boolean = true) {
    Row(Modifier.fillMaxWidth()) {
        Image(
            modifier = Modifier
                .verticalGradient()
                .align(CenterVertically)
                .padding(5.dp),
            painter = icon,
            contentDescription = contentDescription
        )
        if (!maxLines) {
            Column(
                modifier = Modifier
                    .align(CenterVertically)
                    .fillMaxHeight(0.5f)
                    .padding(start = 5.dp)
                    .verticalScrollWithScrollbar(
                        rememberScrollState(),
                        scrollbarConfig = ScrollBarConfig(
                            padding = PaddingValues(4.dp, 4.dp, 4.dp, 4.dp),
                            showAlways = true
                        )
                    )
            ) {
                Text(
                    modifier = Modifier.padding(end = 10.dp),
                    text = text,
                    fontSize = size,
                    color = MaterialTheme.colorScheme.onBackground
                )
            }
        } else {
            Text(
                modifier = Modifier
                    .align(CenterVertically)
                    .padding(start = 5.dp),
                text = text,
                fontSize = size,
                color = MaterialTheme.colorScheme.onBackground
            )
        }
    }
}

要实现“内容自适应高度但不超过最大限制”的效果，直接通过以下修改即可达成：

核心修改逻辑 #

使用heightIn修饰符替代固定的fillMaxHeight，它可以让容器优先包裹内容，当内容高度超过设定的最大值时，自动限制在最大值内，同时保持可滚动特性。结合wrapContentHeight可以明确告诉Compose优先适配内容高度，而非强制占用空间。

修改后的Entry函数可滚动部分代码 #

if (!maxLines) {
    // 动态获取屏幕高度，设置最大可滚动区域为屏幕高度的40%（可根据需求调整比例）
    val screenHeight = LocalWindowInfo.current.containerSize.height
    val maxScrollHeight = (screenHeight * 0.4f).dp

    Column(
        modifier = Modifier
            .align(CenterVertically)
            .padding(start = 5.dp)
            // 优先包裹内容，最大高度不超过设定值
            .heightIn(max = maxScrollHeight)
            .wrapContentHeight()
            .verticalScrollWithScrollbar(
                rememberScrollState(),
                scrollbarConfig = ScrollBarConfig(
                    padding = PaddingValues(4.dp, 4.dp, 4.dp, 4.dp),
                    showAlways = true
                )
            )
    ) {
        Text(
            modifier = Modifier.padding(end = 10.dp),
            text = text,
            fontSize = size,
            color = MaterialTheme.colorScheme.onBackground
        )
    }
}

关键说明 #

• heightIn(max = ...)：限定容器的最大高度，内容较短时自动收缩到实际所需高度，内容过长时触发滚动。
• LocalWindowInfo：用于获取当前屏幕容器尺寸，让最大高度适配不同设备屏幕，避免小屏设备上占用过多空间。
• 无需手动判断内容长度：Compose会自动处理内容高度与最大限制的适配，无需提前预知文本所需空间。

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