How to make fluid TabBar

Question

Created 6d

Replies 2

Boosts 0

Participants 2

Hey there guys, I'm new on SwiftUI and iOS Development world.

How can I achieve a seamless TabBar transition in SwiftUI? Currently, when I programmatically hide the TabBar on a pushed view and swipe back to the previous view, there is a noticeable delay before the TabBar reappears. How can I make it appear instantly?

Here is the link to the video https://streamable.com/3zz2o2

Thank you in advance

Answered by DTS Engineer in 873803022

Hello @Julsalim ,

You don't need to programmatically hide the TabBar, it can be done by restructuring your Views.

Make sure the NavigationStack contains the TabView, and the Tab contains the NavigationLink. Here's an example view structure that achieves what you're looking for:

Also, welcome to iOS Development! SwiftUI is my favorite!

 Travis Trotto - DTS Engineer

NavigationStack {
    TabView{
        Tab("", systemImage: "") {
            List{
                NavigationLink(...
            }

Boost

Answer 1

DTS Engineer OP

Apple

6d

Accepted Answer

Hello @Julsalim ,

You don't need to programmatically hide the TabBar, it can be done by restructuring your Views.

Make sure the NavigationStack contains the TabView, and the Tab contains the NavigationLink. Here's an example view structure that achieves what you're looking for:

Also, welcome to iOS Development! SwiftUI is my favorite!

 Travis Trotto - DTS Engineer

NavigationStack {
    TabView{
        Tab("", systemImage: "") {
            List{
                NavigationLink(...
            }

1

Answer 2

Julsalim OP

5d

Hello @DTS Engineer, thank you for your answer, it's working now :)

1