How hard is it to create an iOS app with Tinder-like gestures?
You will pick up some handy SwiftUI best practices with this hands-on tutorial.
What we‘re going to do in this SwiftUI tutorial?
We will build a gorgeous iOS and iPadOS app with a Tinder-like user interface design. Since swipe motion is quite a popular mobile UI pattern nowadays. That’s why we’re going to dive into gestures with SwiftUI in this section. The app presents users with a pile of Honeymoon destination cards and allows them to use the swipe gesture to like or dislike a card.
Drag Gestures with SwiftUI
In this tutorial, we’re going to develop an awesome iOS/iPadOS app with SwiftUI drag gestures in Xcode. This could be a great portfolio app that you can show up with confidence in your job interview.
Main Objectives:
Let’s set up the Honeymoon app, an iOS/iPadOS project in Xcode.
Let's create a Launch Screen for the project
How to build up the layout of the individual Honeymoon Card view
Let’s develop the Header layout of the Honeymoon App with SwiftUI
Let’s develop the Footer layout of the Honeymoon App with SwiftUI
How to create reusable components and write less code with SwiftUI
Let’s create a new view for the guides of the Honeymoon App
How does binding work with SwiftUI?
Show views with Binding and dismiss view with Environmental objects
Let’s create a new view for the credits and app info
Show views with Binding and dismiss view with Environmental objects (exercise)
Let’s implement the card deck with a computed property
How to implement the Swiping Motion with SwiftUI
Let’s display the Heart and X-mark symbols during the swiping
How to remove and insert the cards
Enhancing the animation with custom transitions with SwiftUI
Implementing haptic feedback (success) and playing sound effects
