如何在 Jetpack Compose 中为图标添加阴影/边框/高程

Question

我想在 Jetpack compose 中为我的图标添加阴影，以便图像和文本具有（大致）相似的阴影。

Text(
    text = "HAS SHADOW",
    style = MaterialTheme.typography.body2.copy(
        shadow =  Shadow(
            color = Color(0x4c000000),
            offset = Offset(2f, 2f),
            blurRadius = 7f
        )
    ),
)

Text(
    text = "HAS NO SHADOW",
    style = MaterialTheme.typography.body2
)

请注意：正如您在上面看到的，该图标是部分透明的，我想保持这种方式 -> 像“将它包装在 FloatingActionButton 中”这样的解决方案将不起作用

我可以在 compose 中执行此操作，还是必须要求我的设计师添加阴影？

Answer 1

对于阴影和高程

Modifier.shadow(elevation: Dp, shape: Shape, clip: Boolean)

用于边框

Modifier.border(border: BorderStroke, shape: Shape)

此外，请检查其他边框function 变体的链接。