如何在Jetpack Compose中为卡片创建带厚度感的圆角底部边框？

给你几个更合理的实现方式，替代堆叠两张Card的取巧做法：

方案一：用Modifier.drawBehind直接绘制底部厚度 #

在单个Card的Modifier里，通过drawBehind绘制偏移的矩形，模拟底部和右侧的厚度，无需额外嵌套组件：

Card(
    modifier = Modifier
        .size(180.dp, 200.dp)
        .offset(10.dp, 10.dp)
        .drawBehind {
            val thickness = 2.dp.toPx()
            // 绘制底部厚度条
            drawRect(
                color = MaterialTheme.colorScheme.shadow,
                topLeft = Offset(0f, size.height - thickness + 2.dp.toPx()),
                size = Size(size.width, thickness)
            )
            // 可选：绘制右侧厚度条，增强立体效果
            drawRect(
                color = MaterialTheme.colorScheme.shadow.copy(alpha = 0.7f),
                topLeft = Offset(size.width - thickness + 2.dp.toPx(), 2.dp.toPx()),
                size = Size(thickness, size.height)
            )
        },
    elevation = CardDefaults.cardElevation(defaultElevation = 10.dp),
    shape = CardDefaults.shape
) {
    // 卡片内部内容
}

方案二：用Box嵌套背景层替代额外Card #

用一个轻量的Box作为底部厚度层，而非完整的Card组件，减少不必要的组件开销：

Box(
    modifier = Modifier
        .wrapContentSize()
        .padding(25.dp)
) {
    // 底部厚度背景层
    Box(
        modifier = Modifier
            .size(180.dp, 200.dp)
            .offset(12.dp, 12.dp)
            .background(
                color = MaterialTheme.colorScheme.shadow,
                shape = CardDefaults.shape
            )
    )
    // 主卡片
    Card(
        modifier = Modifier
            .size(180.dp, 200.dp)
            .offset(10.dp, 10.dp),
        elevation = CardDefaults.cardElevation(defaultElevation = 10.dp)
    ) {
        // 卡片内部内容
    }
}

方案三：自定义阴影偏移强化厚度感 #

利用Compose的shadow Modifier自定义阴影的偏移方向，让底部和右侧阴影更突出，模拟厚度：

Card(
    modifier = Modifier
        .size(180.dp, 200.dp)
        .offset(10.dp, 10.dp)
        .shadow(
            elevation = 8.dp,
            shape = CardDefaults.shape,
            // 让阴影向右下偏移，强化底部/右侧厚度感
            offset = Offset(3.dp.toPx(), 3.dp.toPx()),
            spotColor = MaterialTheme.colorScheme.shadow,
            ambientColor = MaterialTheme.colorScheme.shadow
        ),
    // 关闭默认elevation，避免重复阴影
    elevation = CardDefaults.cardElevation(defaultElevation = 0.dp)
) {
    // 卡片内部内容
}

这些方案都比堆叠两张Card更高效，也更容易调整厚度、颜色等细节。

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