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

Question

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

代码

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

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

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

代码

    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
}