将绑定用于深层嵌套值时,SwiftUI崩溃

时间:2020-04-11 22:55:37

标签: swiftui swiftui-navigationlink

我正在尝试使我的应用程序内容保持被动状态并与远程数据保持同步。我的值是使用NavigationLink浏览的,但是当我两页深且原始项目消失时,SwiftUI将崩溃。

要开始:

class App: ObservableObject {
    @Published var items: [Item] = [
        Item(id: "a", accounts: [
            Account(id: "1"),
            Account(id: "2"),
            Account(id: "3")
        ])
    ]
}
struct AllItems: View {
    @EnvironmentObject var app: App
    var body: some View {
        ForEach(app.items.indices, id: \.self) { index in
            NavigationLink(destination: ItemView(item: self.$app.items[index])) {
                Text(self.app.items[index].id)
            }
        }
    }
}
struct ItemView: View {
    @Binding var item: Item
    var body: some View {
        ForEach(item.accounts.indices, id: \.self) { index in
            NavigationLink(destination: AccountView(item: self.$item.accounts[index])) {
                Text(self.item.accounts[index].id)
            }
        }
    }
}
struct AccountView: View {
    @Binding var account: Account
    var body: some View {
        Text(account.id)
    }
}

但是,如果我在AccountView页面上并且items为空,则应用程序将崩溃,并显示“严重错误:索引超出范围”。

我最初没有使用绑定,但是当Account结构的内容更改时,AccountView也没有更新,视图也没有更改。现在通过传递绑定,视图确实可以正确更新,但是如果列表大小更改,则可能导致崩溃。

2 个答案:

答案 0 :(得分:0)

以下测试代码显示了一种可能的解决方法,可以防止在物品变空时崩溃。

class Item {
let id: String
var accounts: [Account]
init(id: String, accounts: [Account]) {
    self.id = id
    self.accounts = accounts
}
}

struct Account {
let id: String
}

class App: ObservableObject {
@Published var items: [Item] = [
    Item(id: "item a", accounts: [
        Account(id: "account 1"),
        Account(id: "account 2"),
        Account(id: "account 3")
    ])
]
}

struct ItemView: View {
@EnvironmentObject var app: App
@State var itemNdx: Int
var body: some View {
    itemNdx < self.app.items.count
        ? AnyView(ForEach(app.items[itemNdx].accounts.indices, id: \.self) { index in
            NavigationLink(destination: AccountView(itemNdx: self.itemNdx, accountNdx: index)) {
                Text(self.app.items[self.itemNdx].accounts[index].id)
            }
        })
        : AnyView(EmptyView())
}
}

struct AccountView: View {
@EnvironmentObject var app: App
@State var itemNdx: Int
@State var accountNdx: Int
var body: some View {
    itemNdx < self.app.items.count
        ? AnyView(Text(app.items[itemNdx].accounts[accountNdx].id))
        : AnyView(EmptyView())
}
}

struct AllItems: View {
@EnvironmentObject var app: App
var body: some View {
    ForEach(app.items.indices, id: \.self) { index in
        NavigationLink(destination: ItemView(itemNdx: index)) {
            Text(self.app.items[index].id)
        }
    }
}
}

struct ContentView: View {
// the app is passed in from the SceneDelegate "var app = App()"
@EnvironmentObject var app: App

var body: some View {
    NavigationView {
        AllItems()
    }.navigationViewStyle(StackNavigationViewStyle())
    .onAppear(perform: loadData)
}

func loadData() {
    // this will set the items to empty in 10 seconds
    DispatchQueue.main.asyncAfter(deadline: .now() + 10) {
        self.app.items = []
    }
}
}

答案 1 :(得分:-1)

是的,如果代码的另一部分中的内容变为空,则应用程序将崩溃。 当涉及到并发/多线程/异步等时,您必须自己照顾它。例如,使用GCD框架或Combine功能反应库来通知正在发生的事情并对其采取行动。

相关问题