Using router with Tab Bar or Push Notification

[timofmax]

Will be great to see description:

1. how router should be implemented in App with TabBar.
   As an example navigating from top of NavigationView in one screen to another tab with
2. how to open specific screen from push notification

[SwiftfulThinking]

1. You're app's onboarding / tabbar logic should be the same as it would be without using this package. Every app usually builds their own logic on how this will work specific to their product. Most commonly in SwiftUI apps I've seen one of these approaches:

Switch between modules using conditional logic

Without SwiftfulRouting:

ZStack {
    if isSignedIn {
        NavigationView {
            TabBarView()
        }
    }
    if !signedIn {
        NavigationView {
            OnboardingView()
        }
    }
}

With SwiftfulRouting:

ZStack {
    if isSignedIn {
        RouterView { _ in
            TabBarView()
        }
    }
    if !signedIn {
        RouterView { _ in
            OnboardingView()
        }
    }
}

Show onboarding as a sheet or fullScreenCover

Without SwiftfulRouting:

ZStack {
    NavigationView {
        TabBarView()
    }
    .onAppear {
        if !isSignedIn {
            showOnboardingView = true
        }
    }
    .sheet(isPresented: $showOnboardingView, content: {
        OnboardingView()
    })
}

With SwiftfulRouting:

ZStack {
    RouterView { router in
        TabBarView()
            .onAppear {
                if !isSignedIn {
                    router.showScreen(.sheet) { _ in 
                         OnboardingView()
                    }
                }
            }
    }
}

2. Opening a deeplink would be approx. the same code as well, something like

.onOpenURL { url in
     router.showScreen(.sheet) { _ in 
          MyScreen(url: url)
     }
}

[SwiftfulThinking]

If you have multiple tabs, you could alternatively do this so that each tab has it's own routing

ZStack {
    RouterView { _ in
        Tab1()
    }
    .tabBarItem {}
    
    RouterView { _ in
        Tab2()
    }
    .tabBarItem {}

    RouterView { _ in
        Tab3()
    }
    .tabBarItem {}

    RouterView { _ in
        Tab4()
    }
    .tabBarItem {}
}