İşlemek için nasıl .İle SwiftUİ liste dizisi için onDelete .ters()

Question 1

Her yeni liste öğesinin listenin en üstünde sunulduğu temel bir SwiftUİ listesi yapmaya çalışıyorum. Bunu yapmak için ekledim .tarafından temsil edilen ForEach döngüsüne geçirilen diziye reversed() viewModel.itemList. Ayrıca kurdunuz .Liste öğelerinin kaldırılmasını işlemek için onDelete. Ancak, listedeki son öğe gibi bir öğeyi sildiğimde, bunun yerine dizideki son öğeyi (listenin en üstündeki öğe) siler. Nasıl yapılandırabilirim .Dizi tersine çevrildiğinde doğru öğeyi silmek için onDelete?

Aşağıdaki koduma bakın. Teşekkürler!

İçerik Görünümü

struct ContentView: View {
    
    @StateObject var viewModel = ToDoListViewModel()
    @State private var listItemName = ""
        
    var body: some View {
        NavigationView {
            VStack(alignment: .leading) {
                List {
                    ForEach(viewModel.itemList.reversed()) { item in
                        Text(item.listItem)
                    }.onDelete { index in
                        self.viewModel.itemList.remove(atOffsets: index)
                    }
                }
                
                HStack {
                    TextField("Enter List Item", text: $listItemName)

                    Button(action: {
                        viewModel.addToList(ToDoModel(listItem: listItemName))
                        listItemName = ""
                    }) {
                        Image(systemName: "plus")
                            .font(.largeTitle)
                            .frame(width: 75, height: 75)
                            .foregroundColor(Color.white)
                            .background(Color.blue)
                            .clipShape(Circle())
                    }
                }.frame(minWidth: 100, idealWidth: 150, maxWidth: 500, minHeight: 30, idealHeight: 40, maxHeight: 50, alignment: .leading)
                    .padding(.leading, 16)
                    .padding(.trailing, 16)
            }.navigationBarTitle("To Do List", displayMode: .inline)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Model

struct ToDoModel: Identifiable, Codable {
    var id = UUID()
    var listItem: String = ""
}

Görünüm Modeli

class ToDoListViewModel: ObservableObject {
    @Published var itemList = [ToDoModel]()

    func addToList( _ item: ToDoModel) {
        itemList.append(item)
    }
}

Question 2

bu yaklaşımı da deneyebilirsiniz:

.onDelete { index in
    // get the item from the reversed list
    let theItem = viewModel.itemList.reversed()[index.first!]
    // get the index of the item from the viewModel, and remove it
    if let ndx = viewModel.itemList.firstIndex(of: theItem) {
        viewModel.itemList.remove(at: ndx)
    }
}

Question 3

Uyarı: Bu algoritmik olarak en etkili yöntem olmayabilir. Ancak, basit bir silme için List iyi çalışmalıdır.

.onDelete { offsets in
    let reversed = Array(viewModel.itemList.reversed()) //get the reversed array -- use Array() so we don't get a ReversedCollection
    let items = Set(offsets.map { reversed[$0].id }) //get the IDs to delete
    viewModel.itemList.removeAll { items.contains($0.id) } //remove the items with IDs that match the Set
}

workingdog · Answer 1 · 2021-11-22T00:15:13

bu yaklaşımı da deneyebilirsiniz:

.onDelete { index in
    // get the item from the reversed list
    let theItem = viewModel.itemList.reversed()[index.first!]
    // get the index of the item from the viewModel, and remove it
    if let ndx = viewModel.itemList.firstIndex(of: theItem) {
        viewModel.itemList.remove(at: ndx)
    }
}

jnpdx · Answer 2 · 2021-11-22T00:11:34

Uyarı: Bu algoritmik olarak en etkili yöntem olmayabilir. Ancak, basit bir silme için List iyi çalışmalıdır.

.onDelete { offsets in
    let reversed = Array(viewModel.itemList.reversed()) //get the reversed array -- use Array() so we don't get a ReversedCollection
    let items = Set(offsets.map { reversed[$0].id }) //get the IDs to delete
    viewModel.itemList.removeAll { items.contains($0.id) } //remove the items with IDs that match the Set
}

İşlemek için nasıl .İle SwiftUİ liste dizisi için onDelete .ters()

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride