Zoom.swift

struct ContentView: View {
    let colors: [[Color]] = [
        [.red, .blue, .green],
        [.yellow, .purple, .brown],
        [.cyan, .gray]
    ]
    @Namespace() var namespace

    var body: some View {
        NavigationStack {
            Grid(horizontalSpacing: 50, verticalSpacing: 50) {
                ForEach(colors, id: \.hashValue) { rowColors in
                    GridRow {
                        ForEach(rowColors, id: \.self) { color in
                            NavigationLink {
                                DetailView()
                                    .navigationTransition(
                                        .zoom(
                                            sourceID: color,
                                            in: namespace
                                        )
                                    )
                            } label: {
                                RoundedRectangle(cornerRadius: 5)
                                    .foregroundStyle(color)
                                    .frame(width: 48, height: 48)
                            }
                            .matchedTransitionSource(id: color, in: namespace)
                        }
                    }
                }
            }
        }
    }
}