SwiftUI：PageTabViewStyle() 在 ScrollView 或 List 内部时新损坏？

Question

所以这个错误突然出现了。我有一个带有 PageTabViewStyle() 的 TabView，用于在 ScrollView 中显示图像。图片下方是其他内容（header、文本等，与此示例无关）。

过去一切正常，但最近更新后，PageTabView 在 ScrollView 或 List 中显示不正确！我测试了用 VStack 替换 ScrollView，它看起来应该是这样 - 但我失去了我想要的功能，即带有图像和文本的滚动视图。

它应该是什么样子（直到最近才看起来）：https://imgur.com/a/6hEk0x7

任何解决方案将不胜感激！

// 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)...

}

Answer 1

如果您将 PageTabView 嵌入到 ScrollView 中，则明确指定 TabView 的高度：

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

您可以根据需要进行定制。

SwiftUI：PageTabViewStyle() 在 ScrollView 或 List 内部时新损坏？

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

list

scrollview

swiftui

pagetabviewstyle