Implementing a swipeable stack of cards in SwiftUI

Every now and then, an app solves a common problem in such an elegant and peculiar way that it becomes a sort of de facto way to do it in other apps as well. I am referring to a pattern such as pull to refresh, which started in the Twitter app and then became part of iOS itself.

A few years ago, Tinder introduced the pattern of swipeable cards to solve the problem of indicating which cards we like and which we dislike, in a list of cards. From then on, countless apps have applied the same visual pattern, not just in the dating sector but in every sector that needed a way to make a match between different users, including anything from business purposes, such as coupling mentors and mentees, to indicating which clothes we like for a fashion e-commerce app.

In this recipe, we are going to implement a bare-bones version of Tinder’s swipeable stack of cards.

Getting ready

This recipe doesn’t need any external...