如何在可滚动Column中让Composable兼顾最小固有高度与权重？

问题核心在于可滚动Column中weight(1f)会在空间不足时压缩元素，因为weight是基于Column的可见高度分配空间，而非内容总高度。要实现第一个Box始终保持最小360dp、空间充足时填充剩余区域的需求，我们可以通过BoxWithConstraints动态计算可用空间，从而精准控制Box高度。

实现代码 #

@Composable
fun Test() {
    Scaffold { paddingValues ->
        // 使用BoxWithConstraints获取父容器的可用高度
        BoxWithConstraints(
            modifier = Modifier
                .fillMaxSize()
                .padding(paddingValues)
        ) {
            // 计算可用总高度（已扣除Scaffold的padding）
            val availableTotalHeight = maxHeight
            // 定义第二个Box的固定高度
            val secondBoxHeight = 360.dp
            // 计算第一个Box的高度：空间充足时填充剩余区域，否则保持最小360dp
            val firstBoxHeight = if (availableTotalHeight > 360.dp + secondBoxHeight) {
                availableTotalHeight - secondBoxHeight
            } else {
                360.dp
            }

            Column(
                modifier = Modifier
                    .fillMaxSize()
                    .verticalScroll(rememberScrollState())
            ) {
                Box(
                    modifier = Modifier
                        .fillMaxWidth()
                        .height(firstBoxHeight)
                        .background(brush = Brush.verticalGradient(listOf(Color.Blue, Color.Green)))
                )

                Box(
                    modifier = Modifier
                        .fillMaxWidth()
                        .height(secondBoxHeight)
                        .background(brush = Brush.verticalGradient(listOf(Color.Blue, Color.Green)))
                )
            }
        }
    }
}

逻辑说明 #

1. 获取可用空间：通过BoxWithConstraints的maxHeight属性，直接拿到扣除Scaffold padding后的屏幕可用高度。
2. 动态计算高度：
   • 当屏幕总高度大于两个Box的最小总高度（720dp）时，第一个Box高度设为总高度 - 第二个Box高度，刚好填充剩余空间。
   • 当屏幕总高度不足720dp时，第一个Box保持360dp最小高度，两个Box总高度超过屏幕高度，通过Column的verticalScroll实现滚动访问第二个Box。
3. 无额外Spacer：完全通过第一个Box自身高度的动态调整实现需求，符合你的要求。

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