SwiftUI: PageTabViewStyle() newly broken when inside ScrollView or List?

user_14281456 0
Viewed 308

So this bug appeared out of nowhere. I have a TabView with PageTabViewStyle() for displaing images inside a ScrollView. Below the images is other content (header, text etc, not relevant for this example).

Everything used to work fine, but after the recent updates, the PageTabView does not appear correctly when inside a ScrollView or List! I tested replacing the ScrollView with VStack and it appears as it should - but I am losing the functionality I want, i.e. scrollview with images and text.

How it should look (and looked until recently): https://imgur.com/a/6hEk0x7

How it looks now: https://imgur.com/a/ZFhk1XO

Any solutions would be much appreciated!

// images is an array of identifiable strings, corresponding to images in assets

ScrollView {

  TabView {
    ForEach(images) { image in
      Image(image)
        .resizable()
        .scaledToFill()
        .frame(width: UIScreen.main.bounds.width - 32, height: UIScreen.main.bounds.height / 3.5)
        .clipShape(RoundedRectangle(cornerRadius: 20))
    } //: ForEach
  } //: TabView
  .tabViewStyle(PageTabViewStyle())

  // other content (header, text etc)...

}
pagetabviewstyle swiftui scrollview list
1 Answers

If you're embedding PageTabView inside ScrollView then explicitly assign height of your TabView:

ScrollView(.vertical, showsIndicators: false){
    TabView{
        Image("imageName")
            .resizable()
            .scaledToFill()
    }
    .tabViewStyle(PageTabViewStyle())
    .frame(height: 300)
}

You can customise it according to your need.

user_94375300
Related