主页 / user-2616564

Jim McGowan's questions

Martin Hope
Jim McGowan
Asked: 2024-11-15 17:29:36 +0800 CST
  • 6

Xcode 16.1（macOS 15.1）上带有 SwiftUI 和 SwiftData 的多平台应用程序的样板代码有一个包含 NavigationLinks 列表的 NavigationSplitView。当 NavigationLink 内容是标准 SwiftUI 小部件（如文本）时，该小部件会在选择列表中的不同项目时更新。但是，如果我尝试将自定义视图（下面代码中的 DetailView()）添加到 NavigationLink 内容，则在选择列表中的不同项目时不会更新该自定义视图。在预览画布中运行并运行构建时会看到相同的行为。

这是代码。除了添加 DetailView 实现和在 NavigationLink 内容中添加 DetailView 外，其余都是 Xcode 样板。

有人能帮助我理解为什么 DetailView 从未随着列表选择的变化而更新吗？

import SwiftUI
import SwiftData

@Model
final class Item {
    var timestamp: Date
    
    init(timestamp: Date) {
        self.timestamp = timestamp
    }
    
    var stringVal: String {
        timestamp.formatted(date: .numeric, time: .complete)
    }
}

struct ContentView: View {
    @Environment(\.modelContext) private var modelContext
    @Query private var items: [Item]

    var body: some View {
        NavigationSplitView {
            List {
                ForEach(items) { item in
                    NavigationLink {
                        // DetailView does NOT update with list selection change
                            DetailView(item: item)
                                .foregroundStyle(.red)
                            Divider()
                            // Text DOES update with list selection change
                            Text(item.stringVal)
                                .foregroundStyle(.blue)
                        }
                    } label: {
                        Text(item.timestamp, format: Date.FormatStyle(date: .numeric, time: .standard))
                    }
                }
            }
            .navigationSplitViewColumnWidth(min: 180, ideal: 200)
            .toolbar {
                ToolbarItem {
                    Button(action: addItem) {
                        Label("Add Item", systemImage: "plus")
                    }
                }
            }
        } detail: {
            Text("Select an item")
        }
    }

    private func addItem() {
        withAnimation {
            let newItem = Item(timestamp: Date())
            modelContext.insert(newItem)
        }
    }
}

#Preview {
    ContentView()
        .modelContainer(for: Item.self, inMemory: true)
}


struct DetailView: View {
    @State var item: Item
    
    var body: some View {
        Text(item.stringVal)
    }
        
}
swiftui