SwiftUI PageTabView in iOS 14.2 performance issues lagging

Question

I'm using TabView with PageTabViewStyle, and each child view comprises a list view with a large data set.

Only on iOS 14.2, the page transitions seem to be very laggy.

However, page transitions are not delayed in list views with a small amount of data.

It's my guess that the performance of TabView comprises list would be independent of the amount of data, because of the list row display is lazy.

So, I believe it is bugs or default view style changes.

I look forward to your help to solve this problem. Thank you

@available(iOS 14.0, *)
struct ContentView: View {
    @State var showHeart: Bool = false
    var body: some View {
        TabView{
            self.contents
            self.contents
        }
        .tabViewStyle(PageTabViewStyle())
    }
    var contents: some View{
        List(0..<1000){_ in
            Text("HELLO WORLD HELLOWORLD")
        }
    }
}

Did you find the solution? I am experiencing very laggy updates to the UI in iOS 14.2 — Bilal Mustafa, Nov 21 '20 at 05:22

score 3 · Answer 1 · answered Mar 11 '21 at 22:31

3

I have been playing with this and just a discovery - when you use TabView() it is laggy, but if you add a binding passed as TabView(selection: $selection) and just don't do anything with the selection binding it somehow doesn't lag anymore? Hacky, but a solution.

answered Mar 11 '21 at 22:31

Kyle Beard

604
5
18

1

This works but this affects the page view index in Tabview. This doesn't show the correct index while swiping the pages – Boopathi Marappan Mar 14 '21 at 02:03
Correct, in order for this super hacky solution to work, you'd have to be in a particular use case where you don't care about the selection binding. More of an interesting find than a practical solution. – Kyle Beard Mar 16 '21 at 17:18
What if you need the selected index (and you need to do something with it) ? As soon as I use selection, the swipe is laggy. What to do ? – iKK Apr 06 '21 at 22:08

spacecash21 · Answer 2 · 2020-12-27T11:11:32.877

Try using lazy loading. Something like this: https://www.hackingwithswift.com/quick-start/swiftui/how-to-lazy-load-views-using-lazyvstack-and-lazyhstack

As you can see in the video: https://streamable.com/7sls0w the List is not properly optimized. Create your own list, using LazyVStack. Much better performance, much smoother transition to it.

I don't think you understood the idea. Code to solve the issue:

    @State var showHeart: Bool = false
    var body: some View {
        TabView {
            contents
            contentsSecond
        }
        .tabViewStyle(PageTabViewStyle())
    }
    
    var contents: some View {
        List(0..<10000) { _ in
            Text("HELLO WORLD HELLOWORLD")
        }
    }
    
    var contentsSecond: some View {
        return ScrollView {
            Divider()
            LazyVStack {
                ForEach(1...1000, id: \.self) { value in
                    Text("Luke, I am your father \(value)")
                        .padding(.all, 5)
                    Divider()
                }
            }
        }
    }

@spacecash21 Thanks for the answer. I've tried and it doesn't solve the problem. — Thịnh Phạm, Dec 27 '20 at 07:30

score 0 · Answer 3 · answered Nov 23 '20 at 06:24

I updated to iOS 14.2 yesterday and have the same issue (using Scrollview instead of List btw). I believe this is a bug.

One possible Workaround is to fallback to UIKits PageViewController by using UIViewControllerRepresentable as shown in the accepted answer here:

How can I implement PageView in SwiftUI?

This has solved the lagginess problem.

SwiftUI PageTabView in iOS 14.2 performance issues lagging

3 Answers3

Linked