Uploaded July 2022 | Updated September 2026, 11 hours ago

---

Matched Geometry Effect in SwiftUI can produce beautiful transition animations. In the video we take an example profile head and animate it between collapsed and expanded versions using matchedGeometryEffect in SwiftUI.

iOS Developer Courses
seanallen.teachable.com/?video=e7OuerHs8PU

Documentation for matchedGeometryEffect:
developer.apple.com/documentation/swiftui/view/matchedgeometryeffect(id:in:properties:anchor:issource:)

Matched Geometry Effect Starter Project:
dropbox.com/sh/pq09coltxi00a0o/AACyF6MPJhGpFCQsqzqMSqWRa?dl=0

Twitter:
Sean Allen - twitter.com/seanallen_dev

iOS Developer Courses
seanallen.teachable.com

Hired.com:
hired.com/x/1n01g

Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):

Paul Hudson's Hacking With Swift:
gumroad.com/a/762098803

Donny Wals - Combine:
gumroad.com/a/909014131

Mark Moeyken’s SwiftUI Books:
bigmountainstudio.com/swiftui-views-book/fzc51

Objc.io Books (Thinking in SwiftUI & Advanced Swift):
gumroad.com/a/656585843

Ray Wenderlich Books:
store.raywenderlich.com/a/20866/link/1

Links to my iOS Dev Setup & iOS Dev Book Recommendations
amazon.com/shop/seanallen

Timestamps:
0:00 - What we’ll build
0:41 - 3 Steps for Matched Geometry Effect
1:04 - Step 1 - Two Views
1:52 - Step 2 - Switch Between Those Views
3:33 - Step 3 - Match Views with Matched Geometry Effect
5:58 - Animation Not Working!
7:42 - Namespace Refactor
8:40 - Working Animation

#swift #softwaredeveloper #iosdeveloper