Question: TabView inside the ScrollViewWithStickyHeader about scrollkit HOT 3 CLOSED

Hey @gabrielribeiro

Thank you, happy to hear that it helped!

Sure, it should work right away. I basically just replaced the preview header in the SpotifyPreviewScreen with this:

func scrollViewHeader() -> some View {
    TabView {
        Color.red
        Color.green
        Color.blue
    }
    .tabViewStyle(.page)
}

and the result becomes:

So it seems to work pretty well :) But you need to adjust the docked state so that it's based on the currently active page, otherwise you'll get this when scrolling while the second (green) page is active:

from scrollkit.

Wow that's awesome! Thank you so much for the help!

from scrollkit.

Also, if you don't need the pinned behavior, you can just use the ScrollViewHeader inside a regular ScrollView :)

ScrollView {
    VStack {
        ScrollViewHeader {
            TabView {
                Color.red
                Color.green
                Color.blue
            }
            .tabViewStyle(.page)
        }
         .frame(height: 250)
                    
        LazyVStack {
            ForEach(0...100, id: \.self) {
                Text("\($0)")
            }
        }
    }
}

The result becomes:

from scrollkit.