单击列表项时，为 SwiftUI 中的每个列表项打开新的 SwiftUI

Question

我有一个简单的 SwiftUI 项目，当我单击任何列表项时，我想路由新视图。下面，我尝试将它用于设置和通知列表项，但它会抛出错误，我不知道为什么？我在互联网上搜索，但没有找到任何可以帮助我的解决方案。有什么想法吗？

内容视图：

import SwiftUI
struct ContentView: View {
var body: some View {
 NavigationView {
  List(contacts) { contact in
    NavigationLink(destination: SettingsView(contact: contact)) {
      ContactRow(contact: contact)
    }
  }
  .navigationBarTitle("Contacts")
 }
 .environment(\.colorScheme, .light)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
 }
}
 struct ContactRow: View {

 let contact: Settings

 var body: some View {
   HStack {
  Image(contact.imageName)
    .resizable()
    .aspectRatio(contentMode: .fill)
    .frame(width: 20, height: 20)
    
     
  VStack(alignment: .leading) {
    Text(contact.name)
      .font(.system(size: 21, weight: .medium, design: .default))
    }}}}

Settings.swift：

import SwiftUI
struct Settings: Identifiable {
let imageName: String
 let name: String
let id = UUID()
}
let contacts = [
Settings(imageName: "settings", name: "Settings"),
Settings(imageName: "notifications", name: "Notifications"),
]

设置视图：

struct SettingsView: View {

let contact: Settings

var body: some View {
  Text("hey")
}
}
struct SettingsView_Previews: PreviewProvider {
static var previews: some View {
    SettingsView(contact: contacts[0])
       }}

通知视图：

struct NotificationsView: View {

let contact: Settings

var body: some View {
  Text("hey")
}
}
struct NotificationsView_Previews: PreviewProvider {
static var previews: some View {
    NotificationsView(contact: contacts[1])
       }}

Answer 1

我不太了解 NavigationView 的工作原理，相反我更喜欢使用 View Router 作为 env 对象进行导航。

@EnvironmentObject var viewRouter: ViewRouter
@ObservedObject var vm:RecordingsModelView

var body: some View {
    VStack(alignment: .center, spacing: 30, content: {
        
        Text("Recordings").font(.title).foregroundColor(Color("color_ekp"))
        
        List(vm.listOfRecordings) { recording in
            RecordingRow(recording: recording).onTapGesture {
                viewRouter.currentRecording = recording
                viewRouter.currentPage = .rec_detail
            }
        }
        .onAppear(){
            vm.loadRecordings()
        }
    }).padding()
}

ViewRouter

class ViewRouter: ObservableObject {
    
    @Published var currentPage: Page = .recordings
    
    // Custom
    @Published var currentRecording: RecordingEntity!
}

以及显示所选页面的根视图

struct RootView: View {
    
    @EnvironmentObject var viewRouter: ViewRouter
    
    var body: some View {
        switch viewRouter.currentPage {
        case .main:
            MainView()
        case .recordings:
            RecordingsView()
        case .rec_detail:
            RecDetailView(recording: viewRouter.currentRecording)
        }
    }
}

我还借此机会将一个对象传递到下一页，在本例中是从记录列表中选择的重新编码。