如何在 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 中”这样的解决方案将不起作用

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

Answer 1

对于阴影和高程

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

对于边框

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

另外，请检查其他边界功能变体的链接。