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
– Bilal Mustafa, Commented Nov 21, 2020 at 5:22

Kyle Beard · Accepted Answer · 2021-03-11 22:31:35Z

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, 2021 at 22:31

Kyle Beard

6847 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Boopathi Marappan Over a year ago

This works but this affects the page view index in Tabview. This doesn't show the correct index while swiping the pages

Kyle Beard Over a year ago

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.

iKK Over a year ago

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 ?

spacecash21 · Accepted Answer · 2020-12-27 11:11:32Z

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.

Uli · Accepted Answer · 2020-11-23 06:24:57Z

0

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.

answered Nov 23, 2020 at 6:24

Uli

1

Collectives™ on Stack Overflow

SwiftUI PageTabView in iOS 14.2 performance issues lagging

3 Answers 3

3 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Linked

Related