SwiftUI:传递给子视图的数组错误

Question

我正在学习SwiftUI，我正在尝试构建一个简单的待办应用程序。

我的根本观点是：

struct ContentView: View {
    @State var reminders: [Reminder] = []
    
    var body: some View {
        print("ContentView", reminders)
        return VStack {
            RemindersListView(
                reminders: reminders
            )
            Button("Add") {
                reminders.append(.empty)
            }
        }
    }
}

而RemindersListView是

struct RemindersListView: View {
    @State var reminders: [Reminder]
    
    var body: some View {
        print("RemindersListView", reminders)
        return List {
            ForEach(reminders.indices) { index in
                ReminderView(reminder: $reminders[index])
            }
        }
    }
}

当我点击Add按钮时，会得到以下输出：

ContentView []
RemindersListView []
ContentView [Common.Reminder(id: 2FC19F91-9B96-40DB-8CCB-4CBB39C62DBD, done: false, text: "")]
RemindersListView []

这意味着ContentView中的状态发生了变化，它重新呈现应用程序，但是RemindersListView接收初始值。

有什么想法吗？谢谢

Answer 1

您正在使用空数组初始化RemindersListView！然后，您正在修改它而不更新它！您应该绑定您的数据以解决@Binding问题，这是最简单的方法，但不是绑定数据的唯一方法，还有更多的绑定数据的方法。

struct RemindersListView: View {

    @Binding var reminders: [Reminder] // <<: Here!
    
    var body: some View {

        print("RemindersListView", reminders)

        return List {
            ForEach(reminders.indices) { index in
                ReminderView(reminder: $reminders[index])
            }
        }
    }
}

此外，这也是在：

struct ContentView: View {
    @State var reminders: [Reminder] = []
    
    var body: some View {
        print("ContentView", reminders)
        return VStack {

            RemindersListView(reminders: $reminders) // <<: Here! with $

            Button("Add") {
                reminders.append(.empty)
            }

        }
    }
}