如何在数组大小更改后刷新 ForEach 显示元素的数量（SwiftUI，Xcode 11 Beta 5）

Question

我正在尝试实现一个视图，如果内容数组的大小发生变化，该视图可以更改显示项目的数量（由 ForEach 循环创建），就像购物应用程序在用户拉动刷新后如何更改其可用项目的数量一样

这是我目前尝试过的一些代码。如果我没记错的话，这些适用于 Xcode beta 4，但适用于 beta 5：

• 如果数组的大小增加，循环仍会显示原始元素数
• 数组大小减小会导致索引超出范围错误

代码：

import SwiftUI

struct test : View {
    @State var array:[String] = []
    @State var label = "not pressed"
    var body: some View {
        VStack{
            Text(label).onTapGesture {
                self.array.append("ForEach refreshed")
                self.label = "pressed"
            }
            ForEach(0..<array.count){number in
                Text(self.array[number])
            }
        }
}
}

#if DEBUG
struct test_Previews: PreviewProvider {
    static var previews: some View {
        test()
    }
}
#endif

总的来说，我是 SwiftUI 和 GUI 编程的新手，感觉就像每个内容都是在启动时定义的，之后很难进行更改（例如：在用户离开后重置视图然后返回） .非常感谢循环问题的解决方案或使视图更具动态性的任何提示！

Answer 1

Beta 5 发行说明说：

Int 对 Identifiable 协议的追溯一致性是 删除。更改任何依赖此一致性的代码以通过 .self 到相关初始化程序的 id 参数。持续的 继续接受 Int 范围：

List(0..<5) {
   Text("Rooms")
}

但是，您不应传递在运行时更改的范围。如果你 使用在运行时更改的变量来定义范围，列表 根据初始范围显示视图并忽略任何 范围的后续更新。

您应该更改ForEach 以接收数组，而不是范围。理想情况下是Identifiable 数组，以避免使用\.self。但根据您的目标，这仍然可以工作：

import SwiftUI

struct ContentView : View {
    @State var array:[String] = []
    @State var label = "not pressed"
    var body: some View {
        VStack{
            Text(label).onTapGesture {
                self.array.append("ForEach refreshed")
                self.label = "pressed"
            }
            ForEach(array, id: \.self) { item in
                Text(item)
            }
        }
    }
}

或者如 rob mayoff 建议的那样，如果您需要索引：

struct ContentView : View {
    @State var array:[String] = []
    @State var label = "not pressed"
    var body: some View {
        VStack{
            Text(label).onTapGesture {
                self.array.append("ForEach refreshed")
                self.label = "pressed"
            }
            ForEach(array.indices, id: \.self) { index in
                Text(self.array[index])
            }
        }
    }
}```