Hide tab bar

[Mara00whm]

Hi! How I can hide tabbar on some views? I dont wanna use fullScreenCover, i should use .push. I have custom tabbar

[rundfunk47]

This feels more like a SwiftUI-question than a Stinsen one? There are ways in iOS16, perhaps you can try those out?

[kerollesroshdi]

@rundfunk47 , could we put a TabCoordinatable inside a NavigationCoordinatable ?
just like in UIKit if we put a UITabBarController inside UINavigationController.

[rundfunk47]

That should already be doable... right?

[kerollesroshdi]

it works in native SwiftUI: putting TabView inside NavigationView.
but I'm trying to route to a @Route(.push) inside a NavigationCoordinatable which its root is a MainTabCoordinator
nothing happens when I call self.route(to: \.routeVariable)

[LePips]

This is very much possible, please see the following minimal example. You may have forgotten to wrap your NavigationCoordinatable instance inside of a NavigationViewCoordinator by your comment that "nothing happens" when attempting to .route()

Example

import Stinsen
import SwiftUI

@main
struct MinExampleApp: App {
    var body: some Scene {
        WindowGroup {
            NavigationViewCoordinator(MainNavigationCoordinator()).view()
        }
    }
}

final class MainNavigationCoordinator: NavigationCoordinatable {
    
    let stack = Stinsen.NavigationStack(initial: \MainNavigationCoordinator.start)
    
    @Root
    var start = makeStart
    @Route(.push)
    var pushedView = makePushedView
    
    func makeStart() -> MainTabCoordinator {
        MainTabCoordinator()
    }
    
    @ViewBuilder
    func makePushedView() -> some View {
        Text("I should have been pushed, tab bar gone")
    }
}

final class MainTabCoordinator: TabCoordinatable {
    
    var child = TabChild(startingItems: [
        \MainTabCoordinator.contentView,
        \MainTabCoordinator.green,
        \MainTabCoordinator.yellow,
    ])

    @Route(tabItem: makeContentTab)
    var contentView = makeContentView
    @Route(tabItem: makeGreenTab)
    var green = makeGreen
    @Route(tabItem: makeYellowTab)
    var yellow = makeYellow
    
    @ViewBuilder
    func makeContentView() -> some View {
        ContentView()
    }
    
    @ViewBuilder
    func makeContentTab(isActive: Bool) -> some View {
        Text("Blue")
    }
    
    @ViewBuilder
    func makeGreen() -> some View {
        Color.green
    }
    
    @ViewBuilder
    func makeGreenTab(isActive: Bool) -> some View {
        Text("Green")
    }
    
    @ViewBuilder
    func makeYellow() -> some View {
        Color.yellow
    }
    
    @ViewBuilder
    func makeYellowTab(isActive: Bool) -> some View {
        Text("Yellow")
    }
}

struct ContentView: View {
    
    @EnvironmentObject
    private var navigationRouter: MainNavigationCoordinator.Router
    
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            
            Button {
                navigationRouter.route(to: \.pushedView)
            } label: {
                Text("Push")
                    .padding()
                    .background {
                        Color.blue
                            .opacity(0.5)
                    }
                    .cornerRadius(10)
            }
        }
        .padding()
    }
}

[kerollesroshdi]

@LePips it works now, Thanks for your explained answer 🙏🏻,
I've forgotten to wrap the main coordinator inside NavigationViewCoordinator.