draggable(_:item:containerNamespace:)

Declaration

nonisolated func draggable<Item>(_ itemType: Item.Type = Item.self, item: @autoclosure  @escaping () -> Item?, containerNamespace: Namespace.ID? = nil) -> some View where Item : Transferable, Item : Identifiable, Item.ID : Sendable

Parameters

• itemType:

  A type of the dragged item.

• item:

  A closure that returns a single instance or a value conforming to Transferable that represents the draggable data from this view.

• containerNamespace:

  A namespace of the associated drag container.

Return Value

A view that activates this view as the source of a drag and drop operation, beginning with user gesture input.

Discussion

Applying the draggable(_:_:containerNamespace:) modifier adds the appropriate gestures for drag and drop to this view. When a drag operation begins, a rendering of this view is generated and used as the preview image.

If the view is enclosed in a dragContainer(for:in:_), the view becomes its draggable element, and the item’s identifier is used as drag payload identifier.

   var fruits: [Fruit]
   var selectedFruits: [Fruit.ID]

   var body: some View {
       ScrollView {
           VStack {
               ForEach(fruits) { fruit in
                   FruitView(fruit)
                       .draggable(fruit)
               }
           }
       }
       .dragContainer(for: Fruit.self) { identifiers in
           fruits(with: identifiers)
       }
   }

   func fruits(with: [Fruit.ID]) -> [Fruit] { ... }
   struct Fruit: Identifiable, Transferable { ... }