从列表中选择多个项目并在 SwiftUI 中更改它们的颜色

Question

I'm looking for a way to solve this problem in a similar way to this. Is it possible at all?

For a single item no problem. the selected item will be in white the rest of my own color "listTextColor". However, is it possible in a similar way that the elements selected and saved in the "selectedItems" array are displayed in white and the rest in a different color?

example codes:

 @State var recordArray: Array = arrayRecords
 @State var selectedItems: Array = []
 @State var selections: String?

List() {
                            ForEach(self.recordArray, id: \.self) { record in
                                Text(record)
                                    .onTapGesture {
                                        self.selections = record
                                        self.selectedItems.append(record)
                                        
                                }
                                .foregroundColor(self.selections == record ? Color(.white) : Color(self.listTextColor2))
                            }
                        }

Answer 1

Your best bet would be to use a View Model instead of plain string and use a flag in it to color the row.

struct ContentView: View {
    @State var recordArray: [RecordItem]
    
    var body: some View {
        List() {
            ForEach(0..<self.recordArray.count, id: \.self) { i in
                VStack {
                    Text(self.recordArray[i].title)
                }
                .border(Color.black)
                .onTapGesture {
                    self.recordArray[i].isSelected.toggle()
                    self.recordArray[i] = self.recordArray[i]
                }
                .foregroundColor(self.recordArray[i].isSelected ? Color(.red) : Color(.green))
            }
        }
    }
}


class RecordItem {
    var title = ""
    var isSelected = false
}

Answer 2

I found answer for this problem.

 @State var recordArray: Array = arrayRecords
 @State var selectedItems: Array = []
 @State var selections: String?

var body: some View {
List() {
                            ForEach(self.recordArray, id: \.self) { record in
                                Text(record)
                                    .onTapGesture {
                                                                                   if self.selectedItems.first(where: { $0 as! String == record } ) != nil {
                                            self.selectedItems.removeAll(where: { $0 as! String == record } )
                                        } else {
                                            self.selectedItems.append(record)
                                        }
                                        
                                }
                                .foregroundColor((self.selectedItems.first(where: { $0 as! String == record } ) != nil) ? Color(.white) : Color(self.listTextColor2))
                            }
                        }
}