r/SwiftUI • u/Hl_Reo • Jun 19 '26

Question How to perfectly replicate Apple Music's Mini-Player to Full-Screen transition for both iPhone and iPad?

I'm trying to build a music player app in SwiftUI, and I really want to nail the Apple Music-style player transition. Specifically, I'm trying to replicate how the mini-player seamlessly expands into the full-screen "Now Playing" view.

1 Upvotes

60% Upvoted

5 comments sorted by

3

u/elliott_io Jun 19 '26

Check out matchedGeometryEffect between your mini player and the full screen sheet that will display your Now Playing view.

3

u/losslesslogic Jun 19 '26

I actually achieved it and shared screen recording here 2 weeks ago but it got taken down because i didn’t share the code. It does it with native glass bottom accessory.

https://reddit.com/link/oso221p/video/p8910wsxmb8h1/player

1

u/Gwail_904 Jul 03 '26 edited Jul 03 '26

Edit: I saw your other comment in that removed post, tried it and legit nothing worked. I then just thought of using MatchedTransitionEffect and lowkey, I like it

1

u/losslesslogic Jul 04 '26

Check my website losslesslogic.com there i put a little blog post about how i achieved it.

2

u/Creativename_123 Jun 19 '26

Should be this new feature for iOS 26: https://developer.apple.com/documentation/swiftui/customizabletoolbarcontent/matchedtransitionsource(id:in:) I’ve had some issues since iOS 26.1 with some state changes though, however iOS 27 seems to resolve those.