ios – Can a SwiftUI matchedGeometryEffect animation be mixed with a transition?

I might like to interchange the default transition (AnyTransition.opacity) with one other transition for a view that additionally has a matchedGeometryEffect() modifier utilized. I’ve tried a pair totally different strategies, however none of them appear to perform this.

First, this is the matchedGeometryEffect by itself. The ItemView “strikes” from one container to a different, utilizing the default animation.

struct ContentView: View {
    @Namespace personal var itemMovement
    @State personal var isInFirst = true
    
    var physique: some View {
        VStack {
            Textual content("First Container")
            HStack {
                if isInFirst {
                    ItemView()
                        .matchedGeometryEffect(id: "merchandise", in: itemMovement)
                }
            }
            .padding()
            .border(.crimson)
            
            Textual content("Second Container")
            HStack {
                if !isInFirst {
                    ItemView()
                        .matchedGeometryEffect(id: "merchandise", in: itemMovement)
                }
            }
            .padding()
            .border(.crimson)
            
            Button("Transfer Merchandise") {
                withAnimation {
                    isInFirst.toggle()
                }
            }
        }
    }
}

struct ItemView: View {
    var physique: some View {
        Circle()
            .foregroundStyle(.blue)
            .body(width: 100, peak: 100)
    }
}

Trying carefully on the Circle, you’ll be able to see that the colour will get lighter on the center of the animation. I imagine this the impact of the default transition, AnyTransition.opacity. In an try and take away that transition, I attempted to explicitly add an AnyTransition.identification on the Circle view.

struct ContentView: View {
    @Namespace personal var itemMovement
    @State personal var isInFirst = true
    
    var physique: some View {
        VStack {
            Textual content("First Container")
            HStack {
                if isInFirst {
                    ItemView()
                        .transition(.identification) // <-- right here
                        .matchedGeometryEffect(id: "merchandise", in: itemMovement)
                }
            }
            .padding()
            .border(.crimson)
            
            Textual content("Second Container")
            HStack {
                if !isInFirst {
                    ItemView()
                        .transition(.identification) // <-- right here
                        .matchedGeometryEffect(id: "merchandise", in: itemMovement)
                }
            }
            .padding()
            .border(.crimson)
            
            Button("Transfer Merchandise") {
                withAnimation {
                    isInFirst.toggle()
                }
            }
        }
    }
}

Nonetheless the outcome looks as if the Circle view is not animating with the matchedGeometryEffect. I’ve tried a pair variations, akin to inserting the .transition() modifier after the .matchedGeometryEffect() modifier, and utilizing the .transition() modifier on just one view at a time – hoping to grasp why this leaping to the ultimate place happens and formulate a brand new answer. I have not figured it out but.

Can anybody assist me determine how one can mix a transition with the matchedGeometryEffect? Outdoors of this simplified instance, I am hoping to create a customized transition, primarily based on an animatable view modifier, which internally applies a .rotation3DEffect() to the view.