How to animate a custom back button to the default back button in UINavigationBar?

Question

I would like to replicate the back button transition seen in apps like the App Store or Apple Music. Specifically, I want to animate a custom-shaped back button into the default back button during navigation.

AppleMusic	AppStore
enter image description here	enter image description here

I initially considered changing backIndicatorImage and backIndicatorTransitionMaskImage, but since the custom button has a VisualEffect, it needs to be a custom UIView rather than just an image.

What would be the best approach to achieve this?

Using leftBarButtonItem seems like a viable option, but I’m unsure how to animate it into the default back button.

I don’t have a sample code yet since I’m not sure how to approach this. I would appreciate any guidance.

• Kngw Kngw: I want to avoid using a custom back button instead of the system-provided one, as long as it’s not a round button.
• Kngw Kngw: @matt Thank you for your comment! For MusicApp, it is ideal for buttons to switch using a transparency animation. Additionally, I would like to apply UIBlurEffect.Style.systemThinMaterialDark to the background of the round buttons.
• Kngw Kngw: There might be better approaches, but at this point, I believe using leftBarButtonItem is the best option.