如何实现Jetpack Compose中内容高度不超可用高度80%的Modifier？

要实现**内容高度自适应，但不超过可用高度80%**的效果，有两种简洁的实现方式：

方法1：通过BoxWithConstraints精准控制最大高度 #

利用BoxWithConstraints获取父布局的可用高度，再通过heightIn限制组件的最大高度：

BoxWithConstraints {
    val maxAllowedHeight = constraints.maxHeight * 0.8f
    YourContent(
        modifier = Modifier
            .heightIn(max = maxAllowedHeight)
            .wrapContentHeight()
    )
}

• constraints.maxHeight：获取父布局提供的可用高度，乘以0.8得到允许的最大高度
• heightIn(max = ...)：强制组件高度不超过计算出的最大值
• wrapContentHeight()：确保内容高度小于最大值时，组件只占用内容实际高度

方法2：组合基础Modifier快速实现 #

如果父布局约束明确，可直接组合fillMaxHeight和wrapContentHeight：

YourContent(
    modifier = Modifier
        .fillMaxHeight(0.8f)
        .wrapContentHeight(align = Alignment.Top)
)

• fillMaxHeight(0.8f)：设置组件的最大高度为可用高度的80%
• wrapContentHeight(align = Alignment.Top)：当内容高度不足时，收缩到内容高度并顶部对齐（避免默认居中带来的空白）

注：第二种方法在复杂嵌套布局中，精度略逊于第一种，但多数场景下足以满足需求。

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