Example on CollectionView Drag & Drop Reordering

[KeeganFerrett]

Hey there,

Firstly, love the project, making supporting iOS 13 SwiftUI much more enjoyable.

I realise documentation is currently behind the code base, so figured I should ask here.

Is it possible to enable drag and drop recording in the CollectionView? I have been playing around with the API but struggling to find a way to do it (API seems to imply its possible).

My current code

class DropDelegate: CollectionViewDropDelegate {
    func performDrop(info: CollectionViewDropInfo) -> Bool {
        print("performDrop")

        return true
    }
    
    func validateDrop(info: CollectionViewDropInfo) -> Bool {
        print("validateDrop")

        return true
    }
    
    func dropUpdated(info: CollectionViewDropInfo) -> DropProposal? {
        print("dropUpdated")
        return nil
    }
    
    
}

class Item: Identifiable {
    let id = UUID()
    let text: String
    
    init(_ text: String) {
        self.text = text
    }
}

struct CollectionExampleView: View {
    @State var data: [Item] = (1...10).map({ Item("Item #\($0)") })
    let dragDrop = DropDelegate()
    
    var body: some View {
        CollectionView(data, id: \.id) { element in
            Text(element.text)
                .padding()
                .maxWidth(100)
                .background(RoundedRectangle(cornerRadius: 12).fill(Color.gray))

        }
            .onDrop(delegate: dragDrop)
            .isDragActive(.constant(true))
            // played around with .dragItems too but no luck
    }
}

Happy to contribute to some documentation once I figure it out.

[vmanot]

@KeeganFerrett I'll try and get some documentation in this weekend, CollectionView does indeed support drag & drop reordering.

[hapton]

struct CollectionExampleView: View {
@State var data: [YMHItem] = (1 ... 100).map { YMHItem("Item #($0)") }

var body: some View {
    CollectionView(data, id: \.id) { element in
        Text(element.text)
            .padding()
            .minWidth(160)
            .background(RoundedRectangle(cornerRadius: 12).fill(Color.gray))
    }
    .onMove { from, to in
        data.move(fromOffsets: from, toOffset: to)
    }
}

}

This code works good