如何在Jetpack Compose中实现按钮高度占屏幕高度0.2倍的适配

你的两种方案都存在适配逻辑错误，导致不同设备上比例不一致：

错误原因分析 #

• 方案1（LocalConfiguration.screenHeightDp）：screenHeightDp是整个屏幕的总高度（包含状态栏、导航栏等系统UI），而你的Compose内容实际显示在「可用屏幕区域」（去掉系统UI后的高度）。按总高度计算0.2倍，在系统UI占比高的设备（如Pixel 2）上，按钮实际占可用区域的比例会远低于0.2，所以显得过小。
• 方案2（displayMetrics.heightPixels）：heightPixels是屏幕物理像素值，而.dp扩展函数的作用是将独立像素（dp）转换为物理像素。你直接把物理像素值转成dp，相当于搞反了转换逻辑——高密度屏幕（如Pixel 6）上1dp对应更多物理像素，最终计算出的按钮高度会被放大，导致过大。

正确适配方案 #

在Compose中，要实现按钮高度为「可用屏幕高度的0.2倍」，推荐以下两种方法：

方法1：使用BoxWithConstraints #

BoxWithConstraints能提供父容器的最大尺寸，只要根布局占满屏幕，就能拿到正确的可用高度：

BoxWithConstraints(modifier = Modifier.fillMaxSize()) {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.SpaceBetween
    ) {
        Text(titleText)
        MyButton(
            modifier = Modifier.height(maxHeight * 0.2f)
        )
    }
}

方法2：使用LocalWindowInfo（Compose 1.4+） #

LocalWindowInfo直接提供应用窗口的可用容器尺寸，无需额外嵌套布局：

val windowInfo = LocalWindowInfo.current
val availableScreenHeight = windowInfo.containerSize.height

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.SpaceBetween
) {
    Text(titleText)
    MyButton(
        modifier = Modifier.height(availableScreenHeight * 0.2f)
    )
}

⚠️ 注意：无论用哪种方法，都要确保你的根布局（如示例中的Column）添加了Modifier.fillMaxSize()，否则会基于父布局的尺寸计算，而非整个屏幕。

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