带有基于内容的 PageTabViewStyle 动态高度的 SwiftUI TabView

时间:2021-05-26 09:11:58

标签: ios swift swiftui tabview

如何让带有 TabView 的 SwiftUI PageTabViewStyle 将其高度调整为内容的高度?

我有一个 SwiftUI 视图,如下所示:

struct TabViewDynamicHeight: View {
    var body: some View {
        VStack {
            TabView {
                ForEach(0..<5, id: \.self) { index in
                    VStack {
                        Text("Text \(index)")
                        Text("Text \(index)")
                        Text("Text \(index)")
                    }
                }
            }
            .tabViewStyle(PageTabViewStyle())
            .background(Color.red)
            .fixedSize(horizontal: false, vertical: true)
        }
        .background(Color.blue)
    }
}

这会产生如下输出:

enter image description here

可以看到,TabView 的内容被截断了。我知道,我可以删除 .fixedSize,但视图看起来像这样:

enter image description here

我希望 TabView 响应内容的高度。关于如何实现这一目标的任何想法?

0 个答案:

没有答案