How to hide NavigationView Bar in SwiftUI

Question

I cannot hide NavigationView bar. I tried both variants:

Code 1:

  public var body: some View {
    NavigationView {
      MasterView()
        .navigationBarHidden(true)
    }
  }

Code 2:

  public var body: some View {
    NavigationView {
      MasterView()
    }
      .navigationBarHidden(true)
  }

Does anyone have an idea how to fix it?

score 53 · Accepted Answer · answered Aug 01 '19 at 13:29

53

Seems that the solution could be adding a title or removing the space from safe area.

The problem:

Solution 1:

.navigationBarHidden(true)
.navigationBarTitle(Text("Home"))

Solution 2 (this seems be the best):

.navigationBarHidden(true)
.navigationBarTitle(Text("Home"))
.edgesIgnoringSafeArea([.top, .bottom])

answered Aug 01 '19 at 13:29

Giuseppe Sapienza

4,101
22
23

2

Weird, that we need to set a title to hide it... But works, thank you. – jboi Nov 06 '19 at 12:08
1

For me it worked just by adding `edgesIgnoringSafeArea ` – Arthur Jan 25 '20 at 14:51
Does it work on device rotation change. If i rotate p > l > p then there space appear i think it is related to geometry reader + navigation view – Michał Ziobro Mar 08 '20 at 06:16
1

only `.edgesIgnoringSafeArea([.top, .bottom])` work for me – Phat Tran Aug 16 '20 at 10:38
7

In iOS 14, using .navigationBarHidden(true) is all I needed to make this work. – FontFamily Dec 20 '20 at 04:03
It worked BUT for some reason the view got moved also horizontally, so in case someone had the same issue, I fixed it by adding `.position(x: UIScreen.main.bounds.width / 2, y: UIScreen.main.bounds.height / 2)` – mtet88 Feb 26 '21 at 09:40
4

Not working in iOS 15 – Tanvirgeek Mar 09 '22 at 11:35
.navigationBarHidden(true) is enough for iOS 15.5 – shervinox Jul 30 '23 at 12:15

score 0 · Answer 2 · answered Aug 03 '23 at 03:02

navigationBarHidden will be deprecated in a future.

Solution:

struct HiddenNavUIView: View {
  @State private var tabState: Visibility = .hidden
  
  var body: some View {
      NavigationStack {
        ScrollView {
          VStack(spacing: 12) {
            ForEach(1...50, id: \.self) { index in
              Text("Row \(index)")
              .frame(height: 32)
            }
          }
          .padding(15)
        }
        .navigationTitle("Hello")
        .toolbar(tabState, for: .navigationBar) // <- here
      }
  }
}

How to hide NavigationView Bar in SwiftUI

2 Answers2