6

所以我有一个如下所示的 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...
        }
    }
}
4

1 回答 1

6

您需要使用像屏幕高度这样的固定高度,因为滚动视图具有无限高度。因此,当您在滚动视图内的对象上设置无限高度时,它只占用内容真正需要的空间。我建议您在 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)
                }
            }
    
        }
}
于 2021-02-04T15:21:47.343 回答