SwiftUI-Markdown渲染

YungFan

发布于 2025-06-12 08:07:56

7100

代码可运行

文章被收录于专栏：学海无涯学海无涯

运行总次数：0

代码可运行

介绍

在现代 App 中，富文本展示已成为不可或缺的功能。无论是显示用户评论、展示文档内容，还是渲染应用说明，均需要一种简洁而强大的方式来处理文本格式。SwiftUI 在 iOS 15 中引入了对 Markdown 的原生支持，让开发者能够轻松地在应用中渲染格式化文本。

语法

SwiftUI 主要支持以下内联 Markdown 样式。

加粗文本。

Text("**加粗**")

斜体文本。

Text("*斜体*")

删除线。

Text("~~删除线~~")

内联代码。

Text("`Hello World`")

链接。

Text("[Apple](https://www.apple.com/)")
    .accentColor(.orange) // 自定义链接颜色

案例

代码。

import SwiftUI

struct ContentView: View {
    let markdownString: String = "**WWDC21** ~~SwiftUI~~"
    let markdownStringKey: LocalizedStringKey = "**WWDC21** ~~SwiftUI~~"
    
    var body: some View {
        VStack(spacing: 20) {
            // 直接在Text中使用Markdown语法
            Text("**WWDC21 SwiftUI**")
            
            Text("*WWDC21 SwiftUI*")
            
            Text("`print('WWDC21 SwiftUI')`")
            
            Text("~~WWDC21 SwiftUI~~")
                
            // 链接支持
            Text("[WWDC21](https://developer.apple.com/wwdc21/)")
                .accentColor(.orange)
            
            // String
            Text(.init(markdownString))
            
            // LocalizedStringKey
            Text(markdownStringKey)
        }
        .padding()
    }
}