SwiftUI reload TabView Tabs not properly

Question

Created Aug ’20

Replies 2

Boosts 0

Views 5.1k

Participants 3

Hi,

I've trying to implement a Bottom Bar Navigation with SwiftUI where each tab fetches some related data.
The problems are mainly two:

Each time I select a tab, the parent who contain the TabView get reloaded
If I chose the third tab (for instance), the first and second tab gets reloaded ( and fetch remote data again…)

I don't get if it's a TabView bugs or I am doing something wrong…

Code Block struct HomeView: View {
    @EnvironmentObject var authenticatedUser : AuthenticatedUser
    @State private var selectedIndex = 0    
    var body: some View {
        TabView(selection: self.$selectedIndex) {
                MyProfileView()
                    .tabItem {	Image(systemName: "person")	}
										.tag(0)
                DashboardView()
                    .font(.title)
                    .tabItem { Image("archivebox") }
                    .tag(1)
                TopTrendsView()
                    .font(.title)
                    .tabItem { Image("square.grid.3x3") }
                    .tag(2)
                MyAccountView()
                    .font(.title)
                    .tabItem {	Image("gearshape")	}
                   .tag(3)
            }.tabViewStyle(DefaultTabViewStyle())
        }
}

I've tried with both XCode 12 beta 4 and XCode 11

Boost

Answer 1

Paresh-Mangukiya OP

Dec ’20

You can easily work around the problem by binding to TabView selection and setting the current tab manually like so:

Code Block struct ContentView: View {
    @State private var currentTab = 0
    var body: some View {
        TabView(selection: $currentTab)
            {
                TabAView()
                    .tabItem({Text("Tab A")})
                    .tag(0)
                    .onAppear() {
                        self.currentTab = 0
                    }
                TabBView()
                    .tabItem({Text("Tab B")})
                    .tag(1)
                    .onAppear() {
                        self.currentTab = 1
                    }
        }
    }
}

0

Answer 2

Cautiondnd OP

Dec ’20

im having the same issue with children views of the parent tab vies. anyone have a solution so that the views dont redraw everytime the tab is switched

0