Jetpack Compose-加载Markdown

发表于 | 分类于
Jetpack Compose-加载Markdown

前言

AI接口返回的格式基本都是Markdown格式的，这里说一下Jetpack Compose中怎样渲染Markdown文本。

添加依赖

仓库地址

https://github.com/jeziellago/compose-markdown

添加仓库

在项目的 build.gradle 文件中，确保已经添加了 MavenCentral 和 Jitpack 仓库。

1
2
3
4
5
repositories {
    google()
    mavenCentral()
    maven { url 'https://jitpack.io' }
}

添加依赖

1
2
3
dependencies {
    implementation("com.github.jeziellago:compose-markdown:0.5.7")
}

使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import androidx.compose.foundation.layout.Column
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import dev.jeziellago.compose.markdowntext.MarkdownText

@Preview
@Composable
fun MarkdownPreview() {
    val markdownText = """
        # Hello, World!
        这里是 **Markdown** 格式的内容。
        - 列表项1
        - 列表项2
        > 引用块
    """.trimIndent()
    Column {
        MarkdownText(markdown = markdownText)
    }
}