在 SwiftUI 中正确组合 TabView 与 PageTabViewStyle、NavigationView 和 ScrollView

我正在开发一个将 TabView 与 PageTabViewStyle、NavigationView 和 ScrollView 结合在一起的 UI。向下滚动时，我希望 NavigationView 的标题能够调整并变小。但当 ScrollView 放置在 TabView 内部时，就不会了。我如何实施这种行为？

这是我原来的扩展question https://stackoverflow.com/questions/64110660/pagetabviewstyle-breaks-navigationview关于如何将 TabView 与 PageTabViewStyle 和 NavigationView 一起使用。

struct ContentView: View {
    @State var selection = 1
    
    var body: some View {
        NavigationView {
            TabView {
                LibraryView()
                    .tag(1)
                LibraryView()
                    .tag(2)
            }
            .navigationTitle(selection == 1 ? "A" : "B")
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        //.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
    }
}

struct LibraryView: View {
    
    @State var gridLayout: [GridItem] = [
        GridItem(),
        GridItem()
    ]
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: gridLayout, alignment: .center, spacing: 10) {
                ForEach(collections.indices) { index in
                    CollectionItem(collection: collections[index])
                }
            }
            .padding(.all, 10)
        }
    }
}