Android Compose 如何为组件设置px单位的高度而非dp

Modifier.height() 修饰符本身只接收Dp类型参数，你只需要先把像素值转换为Dp类型再传入即可，有两种常用实现方案：

• 方案1：在Composable作用域内使用LocalDensity转换（推荐）

@Composable
fun PxHeightBox() {
    // 你需要设置的像素高度，示例为200px
    val targetPxHeight = 200
    // 获取当前设备的密度配置
    val density = LocalDensity.current
    Box(
        modifier = Modifier.height(
            // 将px转换为dp类型
            with(density) { targetPxHeight.toDp() }
        )
    ) {
        // Box内部内容
    }
}

• 方案2：在非Composable场景通过Context计算转换

// 扩展方法：px转dp
fun Int.pxToDp(context: Context): Dp {
    val density = context.resources.displayMetrics.density
    return (this / density).dp
}

// 使用示例
val targetPxHeight = 200
val dpHeight = targetPxHeight.pxToDp(context)
Box(modifier = Modifier.height(dpHeight)) {
    // Box内部内容
}

注意：直接使用px作为布局单位会导致同一份代码在不同密度的设备上展示尺寸差异巨大，相同px值在高dpi设备上显示更小，低dpi设备上显示更大，除非你有明确的像素级对齐需求，否则优先使用原生dp单位保证多设备显示一致性。

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