swiftui移动列表项目之间的列表部分

Question

在“代码”中，我正在尝试实现从列表部分到另一个列表部分的移动（拖动）。

我有一个枚举，其中包含5个元素和一个状态var（ActiveElements），其中包含这些枚举的数组。 在视图中，有一个带有2个部分的列表：

• 第一部分包含从第2节中选择的元素（我们称它们为活动元素）
• 中未包含的枚举元素

第二部分包含枚举 能够将元素移动，并在所需位置将元素拖到第2节。 在第2节中，我应该能够将元素拖动到第1节，我不在乎本节内的移动元素。

第1节非常完美。我的问题是我无法从第2节拖动。我只能从第2节拖动到第2节（加上绿色点仅出现在那里）。 如果我在第2节中添加onmove，我将拖动从第1节丢失到第2节。这些部分只会在其中移动元素。

您对如何实现从一个部分到另一个部分有任何建议吗？或者也许我如何在同一部分中移动2个foreach之间的元素。

这是代码：

enum RandomElements: Int, CaseIterable {
    case element1 = 1
    case element2 = 2
    case element3 = 3
    case element4 = 4
    case element5 = 5
}

extension RandomElements {
    var string: String {
        switch self {
        case .element1:
            return "element1"
        case .element2:
            return "element2"
        case .element3:
            return "element3"
        case .element4:
            return "element4"
        case .element5:
            return "element5"
        }
    }
}

struct TwoSections: View {
    @State var activeElements: [RandomElements] = []
    @State var listMode: EditMode = .inactive
    
    var body: some View {
        List {
            Section(header: Text("Active elements")) {
                ForEach(activeElements, id: \.self) { elem in
                    HStack {
                        Text(elem.string)
                        
                        Spacer()
                        
                        Image(systemName: "minus")
                            .onTapGesture { activeElements.remove(at: activeElements.firstIndex(of: elem)!) }
                    }
                    .onDrag { NSItemProvider(object: String(elem.rawValue) as NSString ) }
                }
                .onInsert(of: [.plainText], perform: dropToSection1)
                .onMove { (indexSet, index) in
                    activeElements.move(fromOffsets: indexSet, toOffset: index)
                }
            }
            
            Section(header: Text("Available elements")) {
                ForEach(RandomElements.allCases, id: \.self) { elem in
                    if !activeElements.contains(elem) {
                        HStack {
                            Text(elem.string)
                            
                            Spacer()
                            
                            Image(systemName: "plus")
                                .onTapGesture { activeElements.append(elem) }
                        }
                        .onDrag { NSItemProvider(object: String(elem.rawValue) as NSString ) }
                    }
                }
                .onInsert(of: [.plainText], perform: dropToSection2)
                //                .onMove { (indexSet, index) in
                //                }
            }
        }
        .toolbar {
            EditButton()
        }
        .environment(\.editMode, .constant(.active))
    }
    
    private func dropToSection1(at index: Int, _ items: [NSItemProvider]) {
        for item in items {
            _ = item.loadObject(ofClass: String.self) { droppedString, _ in
                if let statusType = Int(droppedString ?? "") {
                    activeElements.remove(at: activeElements.firstIndex(of: RandomElements(rawValue: statusType)!)!)
                }
            }
        }
    }
    
    private func dropToSection2(at index: Int, _ items: [NSItemProvider]) {
        for item in items {
            _ = item.loadObject(ofClass: String.self) { droppedString, _ in
                if let statusType = Int(droppedString ?? "") {
                    print("append \(RandomElements(rawValue: statusType)!)")
                    activeElements.insert(RandomElements(rawValue: statusType)!, at: index)
                }
            }
        }
    }
}

Answer 1

诀窍是只使用一个foreach。您不能在不同的“ foreach”块之间移动项目。

这对我有用：

List {    
  ForEach(0 ..< 10) { i in
    Section {
        Text(String(i))
    } header: {
        if(i==0) {
            Text("First Header")
        }
        if(i==5) {
            Text("Second Header")
        }
    }
    
  }
  .onMove(perform: move)
  .onDelete(perform: delete)
}

从头部块中返回任何内容，然后分组您的物品。