SwiftUI tutorial: matchingGeometryEffect Part 1 - basics animations for view transitions

In this SwiftUI tutorial, I am showing you examples for animations in SwiftUI with matchedGeometryEffect like hero animations, and picker animations. We can use it as an alternative for transitions.
This is the first part, where I will show you the basics of the matchedGeometryEffect.

overview:
0:00 examples for matchedGeometryEffect
07:39 basic implementation
19:53 animating between VStack and HStack
24:08 example layout animation
34:34 wrap up

Project files:

You can learn more about animations with matchedGeometryEffect in the next upcoming parts of this series:

Resources:
- Fruta app with Hero animiations

If you liked what you learned and you want to see more, check out one of my courses!

#SwiftUI #Animations #transitions

[sversov]

You doing great job! Thank you. Your tutorials are very well structured. Topics are discussed in details.

[a.msheriff]

Fantastic content . I started with swift a few months ago, but your videos made realise i needed to go back to beginning and start again with good fundamentals and architecture is going be vital for becoming a good developer. thank you for your great posts. big fan. Let me know if you ever Start a Q&A forum for subscribers on Patreon or similar we can subscribe to and we can get some 1st class advice from a true professional. thanks again

[g-]

As you can see in the “hero image animation”, there is a problem when animating back to the overview. You should also do something with the placement in the z-layer, because the cat is clipped by the image on the right.
The video is great, I’m looking forward to the next one!

[prettygirl]

Look how ugly the text looks without "Justification" is there any way to do text justification in swiftui?