SwiftUI NavigationTitle not collapsing automatically - swiftui

Question

I have the following BaseView which is used across all my tabbed view:
struct BaseView<Content: View, T: BaseViewModel>: View {
#Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
#StateObject var viewModel: T
let title: String
let displayMode: NavigationBarItem.TitleDisplayMode
let content: (ViewHelper) -> Content
init(title: String, viewModel: T, displayMode: NavigationBarItem.TitleDisplayMode = .inline, #ViewBuilder content: #escaping (ViewHelper) -> Content) {
self.title = title
self.displayMode = displayMode
self._viewModel = StateObject(wrappedValue: viewModel)
self.content = content
}
var body: some View {
ScrollViewReader { scroll in
ScrollView(.vertical) {
content(ViewHelper(scrollProxy: scroll, presentationMode: presentationMode))
}
}
.modifier(ViewLoadingModifier(loading: $viewModel.loading))
.onAppear {
viewModel.load()
}
.padding()
.navigationBarTitle(NSLocalizedString(title, comment: ""), displayMode: displayMode)
.background(Color("Background"))
}
}
Then I have screens that use this BaseView as follows:
struct TestScreen: View {
#StateObject var viewModel = TestViewModel()
var body: some View {
BaseView(title: "test.title", viewModel: viewModel, displayMode: .large, content: { helper in
View1()
View2()
//...
}
}
These screens are navigated to from a set of root screens that conform a TabView:
TabView(selection: $navObj.selectionRoot) {
NavigationView {
Screen1()
.navigationBarTitle("FIRST")
.background(NavigationConfigurator { nc in
nc.navigationBar.barTintColor = UIColor(Color("Action"))
nc.navigationBar.titleTextAttributes = [.foregroundColor : UIColor.black]
nc.navigationBar.prefersLargeTitles = true
})
}
.navigationViewStyle(.stack)
.environmentObject(navObj)
.tabItem {
VStack(alignment: .center, spacing: 2) {
Image("img1")
.resizable()
.frame(width: 16, height: 16, alignment: .center)
Text("first")
}.onTapGesture {
navObj.selectionRoot = .search
navObj.reset(fromLevel: 1)
}
}
.tag(Screens.first)
// Other navigation views (tabs)
}
And lastly, the "FIRST" tab screen is a view that performs a navigation to the "TestScreen" with a simple:
Button(action: {
navigatedDeeper = true
navObj.selectionLvl2 = .test
}) {
Text(NSLocalizedString("test", comment: ""))
.font(.system(size: 21))
}.background(NavigationLink(destination: TestScreen(), tag: Screens.test, selection: $navObj.selectionLvl2) {
EmptyView()
})
With this setup, why isn't the large navigation title collapsed when scrolling down the TestScreen? I've tried putting all the ScrollView's content inside a single VStack (no success, and also it seems to broken the scrollTo() (I'm using the latest iOS 15), and changing the location of the .navigationBarTitle(NSLocalizedString(title, comment: ""), displayMode: displayMode) but it doesn't want to collapse :( I'm lost now. It's very difficult to keep reusability on SwiftUI without breaking random functionalities.
So the view hierarchy is more or less:
TabView
|
FirstView
|
TestView
|
BaseView
|
ScrollViewReader
|
ScrollView