TabBar content did not appear (render) in iOS14.0

[Ccapton]

In iOS14.0, I use TabBar in a NavigationView, content of the tabbar is invisible, but CustomTabBarStyle works.Without NavigationView, all things go well.

[onl1ner]

Hello, @Ccapton!

Can you please share the sample of your code?

[Ccapton]

Hello, @Ccapton!

Can you please share the sample of your code?

NavigationView {
         TabBar(selection: $selection, visibility: $visibility) {
                Button {
                    withAnimation {
                        visibility.toggle()
                    }
                } label: {
                    Text("Hide/Show TabBar")
                }
                .tabItem(for: Item.first)
                
                Text("Second")
                    .tabItem(for: Item.second)
                
                Text("Third")
                    .tabItem(for: Item.third)
            }
            .tabBar(style: CustomTabBarStyle())
            .tabItem(style: CustomTabItemStyle())
}

[Ccapton]

Hello, @Ccapton!
Can you please share the sample of your code?

NavigationView {
         TabBar(selection: $selection, visibility: $visibility) {
                Button {
                    withAnimation {
                        visibility.toggle()
                    }
                } label: {
                    Text("Hide/Show TabBar")
                }
                .tabItem(for: Item.first)
                
                Text("Second")
                    .tabItem(for: Item.second)
                
                Text("Third")
                    .tabItem(for: Item.third)
            }
            .tabBar(style: CustomTabBarStyle())
            .tabItem(style: CustomTabItemStyle())
}

In iOS14.0

[onl1ner]

Embedding TabBar inside the specific NavigationView is not the best practice, because you should have one TabBar for the whole application. So I see the following possible ways to resolve this issue:

• So if you are trying to create a tab with the NavigationView in it, you should have something like this:

TabBar(...) {
    NavigationView { ... }
        .tabItem(for: Item.first)

    <...>
}

• But if you are trying to hide a TabBar inside the specific view you can use the binding that you passed inside visibility parameter to change the visibility of your TabBar

Hope it helps!

[Ccapton]

NavigationView

Thank you very much

Embedding TabBar inside the specific NavigationView is not the best practice, because you should have one TabBar for the whole application. So I see the following possible ways to resolve this issue:

• So if you are trying to create a tab with the NavigationView in it, you should have something like this:

TabBar(...) {
    NavigationView { ... }
        .tabItem(for: Item.first)

    <...>
}

• But if you are trying to hide a TabBar inside the specific view you can use the binding that you passed inside visibility parameter to change the visibility of your TabBar

Hope it helps!

Thank you very much!

[onl1ner]

Happy to help :)