Как сделать композицию реактивного ранца, в которой текст песни будет отображаться с аккордами над словами? ⇐ Android

[Anonymous]

Например, этот объект json:
{ "number": "060", "audio": false, "chord": false, "code": "each_step_of_the_way", "chordUrl": null, "name": "EACH STEP OF THE WAY", "description": null, "mainChord": "F", "audioUrl": "/files/en/only_believe/audios/060.mp3", "songBook": { "id": 1, "name": "ONLY BELIEVE", "code": "only_believe", "userId": 3, "hidden": false, "addedBy": "SYSTEM", "description": null, "languageId": 2, "isDraft": false, "version": "v0.0.1", "createdAt": "2023-10-15T23:22:12.485+00:00", "updatedAt": "2023-10-15T23:22:12.485+00:00", "language": { "id": 2, "name": "English", "code": "en", "createdAt": null, "updatedAt": null } }, "author": null, "language": { "id": 2, "name": "English", "code": "en", "createdAt": null, "updatedAt": null }, "verses": [ { "id": 17371, "verseOrder": 1, "orderToShow": 1, "isRefrain": false, "line": "I'm [G]following Jesus, [C]One step at [D]a time;", "songId": 4008, "createdAt": "2023-10-15T23:22:12.594+00:00", "updatedAt": "2023-10-15T23:22:12.594+00:00" }, { "id": 17372, "verseOrder": 2, "orderToShow": 2, "isRefrain": false, "line": "[G]The pathway is [C]narrow, But He leads [D]me on;", "songId": 4008, "createdAt": "2023-10-15T23:22:12.595+00:00", "updatedAt": "2023-10-15T23:22:12.595+00:00" } ] }
с помощью Jetpack Compose я хочу проанализировать его и получить такой результат:
EACH STEP OF THE WAY

G C D
1. I'm following Jesus, One step at a time;

G C D
2. The pathway is narrow, But He leads me on;

независимо от размера экрана.
Я пробую этот, но он не работает
fun getSongs(): MutableList {
val verses = listOf(
"Я[A] так слаб, но силен Т[Bm]ы,$ У[E7]держать меня вда[A]л[E7]и$",
"О[A]т всег[A7]о, что мне вред[D]ит[Bm],$ О[D#o],",
" позво[A/e]ль лишь с Тобо[E7]ю идт[A]и[D][A][E7].$",
)
val list: MutableList = mutableListOf()

val chordRegex = """\[(\w+)]""".toRegex()
val line: MutableList = mutableListOf()

verses.forEach { verse ->
val chords = mutableListOf()
val words = mutableListOf()

verse.split(" ").forEach { word ->
val matchResult = chordRegex.find(word)
if (matchResult != null) {
val extractedChord = matchResult.groupValues[1]
chords.add(Word(text = extractedChord, isChord = true))
words.add(Word(text = word.replace("[$extractedChord]", ""), isChord = false))
} else {
chords.add(Word(text = "", isChord = false))
words.add(Word(text = word, isChord = false))
}
}
line.add(Line(row = chords, isChord = true))
line.add(Line(row = words, isChord = false))
}

return line
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... -above-the