TextWithCustomEmoji

TextWithCustomEmoji.kt

@Composable
fun TextWithCustomEmoji(
   text: String,
   modifier: Modifier = Modifier,
   emojis: List<Emoji> = EMOJIS
) {
   val emojiRanges = emojis.findEmojisInText(text)


   val annotatedString = buildAnnotatedString {
       var lastIndex = 0


       emojiRanges.forEach { emojiRange ->
           append(text.substring(lastIndex, emojiRange.range.first))
           appendInlineContent(
               id = "emoji_${emojiRange.range.first}",
               alternateText = emojiRange.emoji.emoji
           )
           lastIndex = emojiRange.range.last + 1
       }


       if (lastIndex < text.length) {
           append(text.substring(lastIndex))
       }
   }


   val inlineContent = emojiRanges.associate { emojiRange ->
       "emoji_${emojiRange.range.first}" to InlineTextContent(
           placeholder = Placeholder(
               width = 20.sp,
               height = 20.sp,
               placeholderVerticalAlign = PlaceholderVerticalAlign.TextCenter
           )
       ) {
           Image(
               painter = painterResource(id = emojiRange.emoji.resource),
               contentDescription = emojiRange.emoji.emoji
           )
       }
   }


   Text(
       text = annotatedString,
       inlineContent = inlineContent,
       modifier = modifier
   )
}