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:
https://github.com/gahntpo/MatchedGeometryExamples

You can learn more about animations with matchedGeometryEffect in the next upcoming parts of this series:
- Part 2 Hero animations https://youtu.be/EkjY0TLDLas
- Part 3 Picker animations https://youtu.be/sqrW8RGtn40

Resources:
- Fruta app with Hero animiations
https://developer.apple.com/documentation/swiftui/fruta_building_a_feature-rich_app_with_swiftui
- SwiftUI-lab https://swiftui-lab.com/matchedgeometryeffect-part2/

If you liked what you learned and you want to see more, check out one of my courses!
👨‍💻 my SwiftUI course https://school.swiftyplace.com/courses/swiftui-course
👨‍💻 my Core Data and SwiftUI course https://school.swiftyplace.com/courses/swiftui-and-core-data

#SwiftUI #Animations #transitions

Видео SwiftUI tutorial: matchingGeometryEffect Part 1 - basics animations for view transitions канала Karin Prater