SwiftUI中如何在两段Text间嵌入行内NavigationLink？

你遇到的问题是因为Text的+运算符只能拼接同类型的Text元素，而NavigationLink是独立的View类型，无法直接拼接。以下是两种可行的解决方案：

方法一：使用HStack实现行内拼接 #

这是最简单直接的方式，通过HStack将普通文本和NavigationLink包裹在一起，调整样式让它们视觉上呈现为一行文本：

HStack(spacing: 0) {
    Text("阅读我们的 ")
    NavigationLink(destination: TermsPage()) {
        Text("条款与条件")
            .foregroundColor(.blue)
            .underline()
    }
    Text(" 了解更多。")
}

• 设置spacing: 0让元素紧密排列，避免出现多余空隙
• 给NavigationLink内的Text设置蓝色和下划线，模拟网页链接的视觉效果
• 点击“条款与条件”即可直接跳转到应用内的TermsPage页面

方法二：使用AttributedString结合点击识别（iOS 16+） #

如果需要更统一的文本排版（比如文本换行时链接能自然跟随），可以用AttributedString标记可点击区域，再通过点击位置判断触发跳转：

import SwiftUI

struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            let linkText = "条款与条件"
            var fullText = AttributedString("阅读我们的 \(linkText) 了解更多。")
            
            // 标记链接样式
            if let linkRange = fullText.range(of: linkText) {
                fullText[linkRange].foregroundColor = .blue
                fullText[linkRange].underlineStyle = .single
            }
            
            Text(fullText)
                .onTapGesture { location in
                    // 判断点击位置是否在链接区域内
                    let textView = UITextView()
                    textView.attributedText = NSAttributedString(fullText)
                    let charIndex = textView.layoutManager.characterIndex(
                        for: location,
                        in: textView.textContainer,
                        fractionOfDistanceBetweenInsertionPoints: nil
                    )
                    
                    if let linkRange = fullText.range(of: linkText),
                       charIndex >= linkRange.lowerBound.utf16Offset(in: fullText),
                       charIndex <= linkRange.upperBound.utf16Offset(in: fullText) {
                        navigationPath.append(TermsPage())
                    }
                }
                .navigationDestination(for: TermsPage.self) { _ in
                    TermsPage()
                }
        }
    }
}

这种方式的优势是文本整体是一个Text元素，排版逻辑更自然，适合文本内容较长或需要复杂格式的场景。

内容的提问来源于stack exchange，提问作者Yousif Al-Raheem