Jetpack Compose中如何为Box/Column单侧或双侧添加阴影？

要给你的Column添加底部阴影，有两种常用的实现方式，以下是具体方案：

方法一：利用Modifier.shadow参数控制 #

Jetpack Compose的shadow修饰符支持通过offset、blurRadius和shape参数控制阴影的位置和范围，刚好适配你的底部圆角需求。

修改后的代码如下：

Column(
    modifier = Modifier
        .weight(0.7f)
        .fillMaxHeight()
        // 先添加阴影：offset设为向下，聚焦底部阴影；shape和后续clip保持一致
        .shadow(
            elevation = 8.dp,
            shape = RoundedCornerShape(
                topStart = 0.dp,
                topEnd = 0.dp,
                bottomStart = 16.dp,
                bottomEnd = 16.dp
            ),
            offset = Offset(0.dp, 4.dp), // 向下偏移，让阴影只出现在底部区域
            blurRadius = 12.dp // 控制阴影的模糊程度
        )
        .clip(
            shape = RoundedCornerShape(
                topStart = 0.dp,
                topEnd = 0.dp,
                bottomStart = 16.dp,
                bottomEnd = 16.dp
            )
        )
        .background(Color.White)
) {
    // 你的Column内容
}

• 注意修饰符顺序：shadow要放在clip和background之前，这样阴影会基于指定的shape渲染，不会被clip截断。
• 如果需要双侧阴影（比如左右两侧），只需调整offset的x值即可。

方法二：自定义绘制（更精准控制） #

如果需要更精细的阴影范围（比如只在底部边缘绘制窄阴影），可以用drawBehind手动绘制：

Column(
    modifier = Modifier
        .weight(0.7f)
        .fillMaxHeight()
        .clip(
            shape = RoundedCornerShape(
                topStart = 0.dp,
                topEnd = 0.dp,
                bottomStart = 16.dp,
                bottomEnd = 16.dp
            )
        )
        .background(Color.White)
        .drawBehind {
            // 仅在Column底部绘制阴影
            val shadowColor = Color.Black.copy(alpha = 0.1f)
            val shadowHeight = 8.dp.toPx()
            val cornerRadius = 16.dp.toPx()
            
            drawRoundRect(
                color = shadowColor,
                topLeft = Offset(0f, size.height - shadowHeight),
                size = Size(size.width, shadowHeight),
                cornerRadius = CornerRadius(0f, 0f, cornerRadius, cornerRadius),
                blurRadius = 12.dp.toPx()
            )
        }
) {
    // 你的Column内容
}

这种方式可以完全自定义阴影的高度、透明度和位置，适合对阴影效果有特殊要求的场景。

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