NavigationSplitView中NavigationLink切换同视图不更新问题求助

问题原因 #

在NavigationSplitView的细节列中，跳转同一视图类型（MarkdownWebView）仅参数不同时，SwiftUI会复用已存在的视图实例而非创建新实例。再加上MarkdownWebView用@State管理传入的url参数，导致参数更新时无法触发重新加载逻辑——onAppear仅在首次加载时执行，后续切换URL不会更新内容。

修复方案 #

方案1：调整MarkdownWebView的参数与加载逻辑 #

把url从@State改为普通常量，通过onChange监听参数变化，触发重新加载并重置状态：

import SwiftUI
import MarkdownUI

struct MarkdownWebView: View {
    let url: String
    let scrollbar: Bool
    @State private var error: Bool = false
    @State private var fileContent: String? = nil
    
    var body: some View {
        VStack {
            if let content = fileContent {
                ScrollView(showsIndicators: scrollbar) {
                    Markdown(content)
                }
            } else {
                if error {
                    VStack(spacing: 20) {
                        Text("")
                            .font(.custom(CustomFonts.FADuotone, size: 100, relativeTo: .body))
                            .foregroundColor(.red)
                        Text("Document not found")
                            .font(.title)
                    }
                } else {
                    VStack(spacing: 20) {
                        ProgressView()
                        Text("loading")
                    }
                }
            }
        }
        .onAppear {
            loadContent()
        }
        .onChange(of: url) { _, _ in
            resetState()
            loadContent()
        }
        .padding()
    }
    
    private func resetState() {
        fileContent = nil
        error = false
    }
    
    private func loadContent() {
        DispatchQueue.global().async {
            guard let fileUrl = URL(string: url) else {
                print("File not found")
                DispatchQueue.main.async {
                    self.error = true
                }
                return
            }
            do {
                let content = try String(contentsOf: fileUrl)
                DispatchQueue.main.async {
                    self.fileContent = content
                }
            } catch {
                DispatchQueue.main.async {
                    self.error = true
                }
                print("Error reading file: \(error)")
            }
        }
    }
}

方案2：给视图添加唯一标识 #

如果方案1效果不佳，可在NavigationLink内的MarkdownWebView上添加.id(url)，让SwiftUI识别不同URL为独立视图实例，强制重新创建：

NavigationLink {
    MarkdownWebView(url: "https://<url>/privacy.md", scrollbar: false)
        .navigationTitle("Privacy Policy")
        .id("https://<url>/privacy.md")
} label: {
    Text("")
        .font(.custom(CustomFonts.FADuotone, size: 20))
        .frame(width: 30)
        .foregroundColor(.gray)
    Text(String(localized: "Privacy Policy", comment: "/"))
}

补充说明 #

NavigationStack中功能正常，是因为每次跳转都会压入新的视图栈，不会复用旧实例；而NavigationSplitView的细节列会优先复用视图以优化性能，才出现了这个差异。

内容的提问来源于stack exchange，提问作者luegm.dev