Элементы панели навигации с @EnvironmentObject

Question

Я хотел бы создать Settings представление, используя SwiftUI. В основном я использовал официальный пример Apple о SwiftUI для реализации своего кода. Представление настроек должно иметь переключатель, отображать или нет мои избранные элементы.

На данный момент у меня есть список ориентиров и представление настроек.

struct Landmark: Hashable, Codable, Identifiable {
    var id: Int
    var imageName: String
    var title: String
    var isFavorite: Bool
    var description: String

    enum CodingKeys: String, CodingKey {
        case id, imageName, title, description
    }
}

final class UserData: ObservableObject {
    @Published var showFavoriteOnly: Bool = false
    @Published var items: [Landmark] = landmarkData
    @Published var showProfile: Bool = false
}

struct ItemList: View {
    @EnvironmentObject var userData: UserData
    @State var trailing: Bool = false

    init() {
        UITableView.appearance().separatorStyle = .none
    }

    var body: some View {
        NavigationView {
            List {
                VStack {
                    CircleBadgeView(text: String(landmarkData.count), thickness: 2)
                    Text("Tutorials available")
                }.frame(minWidth:0, maxWidth: .infinity)

                ForEach(userData.items) { landmark in
                    if !self.userData.showFavoriteOnly || landmark.isFavorite {
                        ZStack {
                            Image(landmark.imageName)
                                .resizable()
                                .frame(minWidth: 0, maxWidth: .infinity)
                                .cornerRadius(10)
                                .overlay(ImageOverlay(text: landmark.title), alignment: .bottomTrailing)
                            Text(String(landmark.isFavorite))


                            NavigationLink(destination: TutorialDetailView(landmark: landmark)) {
                                EmptyView()
                            }.buttonStyle(PlainButtonStyle())
                        }
                    }
                }
            }.navigationBarTitle("Tutorials")
                .navigationBarItems(trailing: trailingItem())
        }
    }
}

extension ItemList {
    func trailingItem () -> some View {
        return HStack {

            if userData.showProfile {
                NavigationLink(destination: ProfileView()) {
                    Image(systemName: "person.circle")
                        .imageScale(.large)
                        .accessibility(label: Text("Profile"))
                }
            }

            NavigationLink(destination: SettingsView().environmentObject(userData)) {
                Image(systemName: "gear")
                    .imageScale(.large)
                    .accessibility(label: Text("Settings"))
            }
        }
    }
}

Как Вы можете видеть, что мой SettingsView доступен из navigationBarItems моего NavigationView. Я не знаю, является ли это проблемой или нет, но когда я помещаю Toggle внутрь ListView, он работает как положено. Но теперь, когда я запускаю тумблер, чтобы включить только избранные, мое приложение мгновенно cra sh.

Я попытался вызвать переключение Show profile с SettingsView, и оно работает.

struct SettingsView: View {
    @EnvironmentObject var userData: UserData

    var body: some View {
        Form {
            Section(header: Text("General")) {
                Toggle(isOn: $userData.showProfile) {
                    Text("Show profile")
                }
                Toggle(isOn: $userData.showFavoriteOnly) {
                    Text("Favorites only")
                }
            }

            Section(header: Text("UI")) {
                Toggle(isOn: .constant(false)) {
                    Text("Dark mode")
                }

                NavigationLink(destination: Text("third")) {
                    Text("Third navigation")
                }
            }

        }.navigationBarTitle(Text("Settings"), displayMode: .inline)
    }
}

Вкратце, cra sh появляется в моем SettingsView, когда я запускаю Toggle Show only favorite, а затем я пытаюсь go вернуться к предыдущему виду, который ItemListView

Единственная информация, которую я могу получить об ошибке: Thread 1: EXC_BAD_INSTRUCTION (code=EXC_I386_INVOP, subcode=0x0)

Вы можете найти весь проект на моем GitHub: https://github.com/Hurobaki/swiftui-tutorial

Некоторые помощь будет очень признателен :)

Answer 1

Вот минимальная версия вашего примера кода, которая работает:

struct Landmark: Hashable, Codable, Identifiable {
  var id: Int
  var imageName: String
  var title: String
  var isFavorite: Bool
  var description: String
}

final class UserData: ObservableObject {
  @Published var showFavoriteOnly: Bool = false
  @Published var items: [Landmark] = [
    Landmark(id: 1, imageName: "a", title: "a", isFavorite: true, description: "A"),
    Landmark(id: 2, imageName: "b", title: "b", isFavorite: false, description: "B")
  ]
}

struct ContentView: View {
  @EnvironmentObject var userData: UserData

  var body: some View {
    NavigationView {
      List(userData.items.filter { !userData.showFavoriteOnly || $0.isFavorite }) { landmark in
        Text(String(landmark.isFavorite))
      }
      .navigationBarTitle("Tutorials")
      .navigationBarItems(trailing: trailingItem())
    }
  }

  func trailingItem () -> some View {
    return HStack {
      NavigationLink(destination: SettingsView()) {
        Text("Settings")
      }
    }
  }
}

struct SettingsView: View {
  @EnvironmentObject var userData: UserData

  var body: some View {
    Form {
      Section(header: Text("General")) {
        Toggle(isOn: $userData.showFavoriteOnly) {
          Text("Favorites only")
        }
      }
    }.navigationBarTitle(Text("Settings"), displayMode: .inline)
  }
}