The question is simple, how can I prevent a Large Title Navigation Bar from collapse when a scrollview scrolls down?
My navigation must have a large navigation bar a
If someone arrives here from SwiftUI land, this is a good way to keep your lists in large title mode.
// your content view ...
var body: some View {
VStack {
PreventCollapseView()
List {
ForEach(things, id: \.self) { thing in
Text(thing.name)
}
}
}
.navigationBarTitle("All the things")
}
// end of view
struct PreventCollapseView: View {
private var mostlyClear = Color(UIColor(white: 0.0, alpha: 0.0005))
var body: some View {
Rectangle()
.fill(mostlyClear)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 1)
}
}
A workaround i figured out is to add a placeholder view that is not CollectionView/TableView
as the very first view in ViewController's
base view. This first view will be attached to the top of the safeArea, height can be zero.
Using Storyboard/Xib:
See the below screenshot for this view with constraints
Next add another UIView
to serve as a container view for your TableView/CollectionView
. This container's top will be attached to bottom of the placeholder view. See the below screenshot for constraints of container view and TableView/CollectionView
.
The key here is the first view in the view hierarchy as the navigation bar
will check that to set the collapsing effect. Once it does not find it as a CollectionView/TableView
, it will not collapse on scrolling.
Programmatically:
If you are setting up view's programmatically then you just need to add a placeholder view at the top.
e.g,
self.view.addSubview(UIView(frame: .zero))
self.view.addSubview(tableView) // or collectionView
To prevent the large tile nav bar from collapsing simply add a second view to your UIViewController in the viewDidLoad method.
view.addSubview(UIView())
For whatever reason, this breaks the link between your the UIScrollView and the nav bar.