How to save List state for View in TabView SwiftUI

Question

I have a TabView in SwiftUI with tabs. When I scroll list from one FirstView and tap another tab, and switch back to FirstView, my List in FirstView automatically redraws and scrolls to top. How to fix that.

enter link description here

This is FirstView

 var body: some View {
    NavigationView {
        List {
            ForEach(feed) { game in
                FeedCardItem(gameModel: game)
                    .frame(width: UIScreen.main.bounds.width - 30, height: 400)
            }
        }
        .navigationBarTitle(Text("Новое сегодня"))
    }
}

This is TabView implementation

    TabView (selection: $currentTab) {
        FeedView().tabItem {
            Image(systemName: currentTab == 0 ? "house.fill" : "house")
                .renderingMode(.original)
                .imageScale(.large)
        }.tag(0)

        RecommendationsView().tabItem {
            Image(systemName: currentTab == 1 ? "gamecontroller.fill" : "gamecontroller")
                .renderingMode(.original)
                .imageScale(.large)
        }.tag(1)

        SearchView().tabItem {
            Image(systemName: currentTab == 2 ? "flame.fill" : "flame")
                .renderingMode(.original)
                .imageScale(.large)
        }.tag(2)

        NotificationsView().tabItem {
            Image(systemName: currentTab == 3 ? "bell.fill" : "bell")
                .renderingMode(.original)
                .imageScale(.large)
        }.tag(3)

        ProfileView().tabItem {
            Image(systemName: currentTab == 4 ? "person.fill" : "person")
                .renderingMode(.original)
                .imageScale(.large)
        }.tag(4)

    }.edgesIgnoringSafeArea(.top)
}

Provide some minimal code that can be run and debugged. It will help providing a quick answer. — Felix Marianayagam, Mar 13 '20 at 10:13

score 2 · Answer 1 · answered Jul 28 '21 at 03:58

2

I have the same problem, and found this solution: https://kavsoft.dev/SwiftUI_2.0/Tab_Bar

Basically, you could just hide the content of one tab instead of replace it with another content view. I thought this solution is a little tricky but works.

answered Jul 28 '21 at 03:58

Seth

845
8
17

This is helpful thank you – vp2698 Sep 01 '23 at 05:42

Subha Narayanan · Answer 2 · 2020-03-13T11:21:26.297

1

I don't think it is possible via SwiftUI. The alternate to do this is to create the tabview in UIKit and use it in SwiftUI.

I have created a quick sample of how this can be achieved and how it solves your issue. Let me know if you have any other questions.

I have uploaded the code to GitHub. https://github.com/subhan5/TabTest

In the uploaded code, the folder UITab contains the tabview created via UIKit. In ContentView, I convert the same as UIViewControllerRepresentable and use it.

edited Mar 13 '20 at 11:21

answered Mar 13 '20 at 11:08

Subha Narayanan

442
1
4
16

Is this a bug? Apple did not provide for the proper operation of the Tabs? – Artyom Vlasenko Mar 13 '20 at 16:13
Yes, Apple hasn't provided it for SwiftUI as of now. – Subha Narayanan Mar 13 '20 at 16:39
But if I want to create very beautiful custom tabbar in SwiftUI, I can not use it while maintaining the state? – Artyom Vlasenko Mar 13 '20 at 20:49
As of now, SwiftUI has this limitation. – Subha Narayanan Mar 14 '20 at 13:44

score 0 · Answer 3 · answered Mar 13 '20 at 12:02

0

it is possible with the UITableViewConfigurator which is described here: Scroll SwiftUI List to new selection

But of course...this uses UIViewControllerRepresentable....

answered Mar 13 '20 at 12:02

Chris

7,579
3
18
38

How to save List state for View in TabView SwiftUI

3 Answers3