Jetpack Compose 中的 X 和 Y 偏移、模糊、不透明度和阴影颜色？

Question

由于 Jetpack Compose this limitation 我正在寻找解决此问题的方法？

也许 Canvas 可以解决这个问题？如果有人可以提供代码片段，说明如何在 Jetpack Compose 中使用 X 和 Y 偏移等附加参数为 Card、Box、Column、Row 等渲染阴影，自定义实现的模糊和不透明度（Canvas 或其他）？

Answer 1

多亏了这个code snippets

，我设法找到了解决方案

fun Modifier.advancedShadow(
    color: Color = Color.Black,
    alpha: Float = 0f,
    cornersRadius: Dp = 0.dp,
    shadowBlurRadius: Dp = 0.dp,
    offsetY: Dp = 0.dp,
    offsetX: Dp = 0.dp
) = drawBehind {

    val shadowColor = color.copy(alpha = alpha).toArgb()
    val transparentColor = color.copy(alpha = 0f).toArgb()

    drawIntoCanvas {
        val paint = Paint()
        val frameworkPaint = paint.asFrameworkPaint()
        frameworkPaint.color = transparentColor
        frameworkPaint.setShadowLayer(
            shadowBlurRadius.toPx(),
            offsetX.toPx(),
            offsetY.toPx(),
            shadowColor
        )
        it.drawRoundRect(
            0f,
            0f,
            this.size.width,
            this.size.height,
            cornersRadius.toPx(),
            cornersRadius.toPx(),
            paint
        )
    }
}