2

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

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

它应该是什么样子(直到最近才看到):https ://imgur.com/a/6hEk0x7

现在的样子:https ://imgur.com/a/ZFhk1XO

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

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

}
4

1 回答 1

1

如果您在 ScrollView 中嵌入 PageTabView,则显式指定 TabView 的高度:

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

您可以根据需要对其进行自定义。

于 2021-09-14T10:26:58.590 回答