How to Maintain Background Color Consistency During ZoomTransitions in SwiftUI?

I’m currently working on a SwiftUI project and trying to implement a transition effect similar to ZoomTransitions. However, I’ve run into an issue.

When transitioning from Page A to Page B using .navigationTransition(.zoom(sourceID: "world", in: animation)), Page A shrinks as expected, but its background color changes to the default white instead of the color I preset.

I want the background color of Page A to remain consistent with my preset during the entire transition process. Here’s a simplified version of my code:

Page A

PartnerCard()
     .matchedTransitionSource(id: item.id, in: animation)

Page B ``.navigationTransition(.zoom(sourceID: "world", in: animation))

How to Maintain Background Color Consistency During ZoomTransitions in SwiftUI?
 
 
Q