SwiftUI: ListItem gestures

Question

Target is a modification with the following behavior:

(but only with 2 buttons - 1 on the left side, 1 on the right)

Behavior:

• short swipe

Answer 1

"How to implement swipe to delete?"

As long as you don't want to create custom UI for the delete button, you can take advantage of SwiftUI and use all of the built in features.

ForEach has a modifier called .onDelete, that gives you an IndexSet. This represents the rows that should be deleted when the user swipes. Now if we implement the necessary logic and wrap it in an animation block, everything will work as needed.

struct ContentView: View {
    @State var cars = ["Tesla Model 3", "BMW i3", "Roadster", "Cybertruck", "Agera Koenigsegg", "Rimac Concept One"]

    var body: some View {
        NavigationView {
            List {
                ForEach(cars, id: \.self) { car in
                    Text(car)
                }
                .onDelete { indexSet in
                    withAnimation {
                        cars.remove(atOffsets: indexSet)
                    }
                }
            }
            .navigationTitle("My Cars")
        }
    }
}

Note: .onDelete modifier is not available to use with List, can only be applied on ForEach.

"How to make a 2 fingers swipe gesture in SwiftUI?"

As of now SwiftUI does not have support for creating gestures for multiple fingers. The only solution is to use UIViewRepresentable in combination with UIPanGestureRecognizer. Then you can set the minimumNumberOfTouches to 2 fingers.

This post from Apple Developer Forum shows how you could achieve something similar for a simple 2 fingers tap gesture, but the idea and concept for swipe are very similar and already explained above.

Hope this helps!

Answer 2

Unfortunately there isn't any native SwiftUI solution so far (as of SwiftUI 2 beta).

• SwiftUI - Still no support for custom swipe actions
• How is possible configure the List "onDelete" action / Button?
• SwiftUI - List editing mode - how to change delete button title?

---

You can make your custom swipe actions using UIKit and wrap them in UIViewRepresentable.

Some solutions (you may have seen them already):

• SwiftUI - Custom Swipe Actions In List
• Create gesture to edit list item using SwiftUI

---

Or you can just use a library instead (at least until a native solution is developed).

Some libraries:

• SwipeCell (SwiftUI) (may be exactly what you need)
• SwipeCellKit (UIKit)

---

If you want to implement simultaneous swipe gesture you need to use UIViewRepresentable again:

• How to detect a tap gesture location in SwiftUI? (this is for tap gestures only but with nice explanation)
• SwiftUI: Multitouch gesture / Multiple Gestures (this is the adaptation of the above but with swipe gestures)

---

Summing up

• Answer to the first question: SwipeCell
• Answer to the second question: SwiftUI: Multitouch gesture / Multiple Gestures