带有 PageTabViewStyle() 的 TabView 不使用 ScrollView 中的可用高度

Question

所以我有一个如下所示的 TabView，但是当我尝试在 ScrollView 中实现它时，我总是必须给它一个固定的高度。有没有办法告诉 tabview 使用它在 scrollView 中需要的空间？我不知道 TabView 的内部内容的高度（顺便说一句。随时间变化），因此固定高度对我不起作用。

我试过 .frame(maxHeight: .infinity)，但这似乎不起作用

import SwiftUI

struct TEST: View {
    var body: some View {
        ScrollView {
            TabView {
                Text("Hello World")
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
            .frame(maxHeight: .infinity)
            // only .frame() with fixed Height works...
        }
    }
}

Answer 1

您需要使用固定高度，如屏幕高度，因为滚动视图具有无限高度。因此，当您在滚动视图内的对象上设置无限高度时，它只占用内容真正需要的空间。我建议您像这样在 TabView 上使用屏幕高度：

.frame（高度：UIScreen.main.bounds.height）

或者使用 GeometryReader 为您提供 ScrollView 所采用的高度，然后将其应用到 TabView 框架，如下所示：

struct MyView: View {
     var body: some View {
          GeometryReader { proxy in
               ScrollView {
                    TabView {
                         Text("Hello World")
                    }
                    .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
                    .frame(height: proxy.size.height)
                }
            }
    
        }
}

即使您的问题是很久以前提出的，我想您已经找到了解决方法，但我认为响应螨可以帮助遇到该问题的其他人。