隐藏 ScrollView 内的 SwiftUI LazyHStack TabView

Question

我有以下观点：

#if DEBUG
struct MyTestView_Previews: PreviewProvider {
    static var previews: some View {
        MyTestView()
    }
}
#endif

struct MyTestView: View {
    @State var selectedTab: Int = 0

    var body: some View {
        GeometryReader { geometry in
            VStack(spacing: 0) {
                ScrollView {
                    LazyHStack {
                        TabView(selection: $selectedTab) {
                            ForEach(0...3, id: \.self) { i in
                                Text(String(i))
                            }
                        }
                        .animation(.easeInOut)
                        .frame(width: UIScreen.main.bounds.width)
                        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
                    }
                }

                Spacer().frame(height: geometry.safeAreaInsets.bottom)
            }
            .navigationBarTitle("Test")
            .edgesIgnoringSafeArea(.bottom)
        }
    }
}

这曾经在 XCode 13 和 iOS 15 之前运行良好。现在使用最新版本，我的 TabView 项目不再显示。 在所有。 如果我删除了ScrollView ，它在我的真实场景中为我提供了必要的垂直滚动，我可以再次看到我的项目。

如何在LazyHStack -> TabView场景中进行垂直滚动？

Answer 1

一天后，我想我可以将我的 ScrollView 向下移动：

struct MyTestView: View {
    @State var selectedTab: Int = 0

    var body: some View {
        GeometryReader { geometry in
            VStack(spacing: 0) {
                LazyHStack {
                    TabView(selection: $selectedTab) {
                        ForEach(0...3, id: \.self) { i in
                            ScrollView {
                                Text(String(i))
                            }
                        }
                    }
                    .animation(.easeInOut)
                    .frame(width: UIScreen.main.bounds.width)
                    .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
                }

                Spacer().frame(height: geometry.safeAreaInsets.bottom)
            }
            .navigationBarTitle("Test")
            .edgesIgnoringSafeArea(.bottom)
        }
    }
}

现在一切正常。