swiftui - 在列表中同时迭代两个数组

Question

如何迭代列表中的两个数组:

struct ContentView: View {
    let colors = ["red", "green", "blue"]        
    let names = ["John", "Apple", "Seed"] 

    var body: some View {           
        VStack {
            List(colors, id: \.self) { color in
                Text(color)
            }
        }
    }
}

例如我需要:Text("\(color) -\(animal)")

我的代码会是这样的(我知道这是错误的，但就是这样):

    List(colors, animals id: \.self) { color, animal in
        Text("\(color) - \(animal)")
    }

Answer 1

简单一点

var body: some View {
    VStack {
        List(Array(zip(colors, names)), id: \.self.0) { (color, name) in
            Text("\(color) - \(name)")
        }
    }
}

更新:为非等长数组添加了变体

这个当然有点复杂，但可能会有帮助

var body: some View {
    VStack {
        ListOfPairs()
    }
}

private func ListOfPairs() -> some View {
    var iter = names.makeIterator()
    let container = colors.reduce(into: Array<(String,String)>()) { (result, color) in
        result.append((color, iter.next() ?? "None" )) // << placeholder for empty
    }
    
    return List(container, id: \.self.0) { (color, name) in
        Text("\(color) - \(name)")
    }
}