Embedded NavigationStackView

[nosenergies]

First, thanks for this amazing library!
I would like to navigate to views but one must be fullscreen and the others not.
(The fullscreen view's transition should slide up and the other should fade in/out)
Is it possible?

Thanks

[matteopuc]

Hi @nosenergies,
unfortunately, at the moment the NavigationStack doesn't let you customise the navigation transition for a specific transition (push or pop). See the related issue: #17 what you can do is implement that specific case yourself, for example:

import SwiftUI
import NavigationStack

@main
struct NavStackExampleApp: App {
    var body: some Scene {
        WindowGroup {
            NavigationStackView(transitionType: .custom(.opacity)) { // To set the default transition to fade in/fade out
                ContentView()
            }
        }
    }
}

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.red
            PushView(destination: Child1()) {
                Text("PUSH")
            }
        }
    }
}

struct Child1: View {
    var body: some View {
        ZStack {
            Color.green
            VStack {
                PushView(destination: Child2()) {
                    Text("PUSH")
                }
                PopView {
                    Text("POP")
                }
            }
        }
    }
}

struct Child2: View {
    @State private var isModalChildOpen = false
    var body: some View {
        ZStack {
            Color.yellow
            VStack {
                PopView {
                    Text("POP")
                }
                Button("OPEN MODAL CHILD", action: openModalChild)
            }
            if isModalChildOpen { // Manage this specific transition yourself
                ModalChild(iAmOpen: $isModalChildOpen)
                    .transition(.move(edge: .bottom))
                    .animation(.easeOut)
                    .zIndex(1) // This might seem unnecessary, but it's needed in order for the transition to occur properly in a ZStack
            }
        }
    }

    private func openModalChild() {
        isModalChildOpen = true
    }
}

struct ModalChild: View {
    @Binding var iAmOpen: Bool

    var body: some View {
        ZStack {
            Color.gray
            VStack {
                Text("MODAL CHILD")
                Button("CLOSE", action: closeModalChild)
            }
        }
    }

    private func closeModalChild() {
        iAmOpen = false
    }
}

Let me know if it works for you and thanks for your question.