使用 Jetpack Compose 渲染带有圆形阴影的文本

Question

我想在文本周围创建阴影，如示例所示。 在此输入图片描述

在xml中，我按照如下所示进行了操作。

<item name="android:shadowColor">@color/black</item>
<item name="android:shadowDx">3</item>
<item name="android:shadowDy">3</item
<item name="android:shadowRadius">2</item>

如何在 Jetpack Compose 上执行此操作？

我使用了阴影修改器，但它创建了一个正方形形式的阴影。不适合我。

Answer 1

在

Jetpack Compose

中，您可以使用

shadow

 中的 

Text

 参数将 

shadow

 添加到 

TextStyle

Text(
    text = "Your Text",
    style = TextStyle(
        color = Color.Black,
        shadow = Shadow(
            color = Color.Black,
            offset = Offset(3f, 3f),
            blurRadius = 2f
        )
    )
)