如何在 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
}