如何在 Jetpack Compose 中显示表情符号？

Question

无法使用 Jetpack Compose 正确显示表情符号。

代码

    Text(
        text = data.emoji.character,
        textAlign = TextAlign.Center,
        fontSize = 28.sp,
    )

使用 Compose Text时，我遇到了兼容性问题。
豆腐和多个表情符号显示为解释here 。

为了解决这个问题，我尝试在AndroidView中使用AppCompatTextView 。

代码

    AndroidView(
        factory = { context ->
            AppCompatTextView(context).apply {
                text = data.emoji.character
                textSize = 28F
                textAlignment = View.TEXT_ALIGNMENT_CENTER
            }
        },
    )

它显示表情符号没有任何兼容性问题，但表情符号淡出。

Answer 1

我能够找到这个问题，这可能与您的Text问题有关。

至于AppCompatTextView ，它具有默认的半透明文本颜色。 使用 alpha 1f设置任何颜色都可以解决问题：

AppCompatTextView(context).apply {
    setTextColor(Color.Black.toArgb())
    text = "🥰 hello"
    textSize = 28F
    textAlignment = View.TEXT_ALIGNMENT_CENTER
}