SwiftUI: Hiding the status bar with TabView and nested NavigationView's

Have the "same" issue:

Code Block swiftimport SwiftUIstruct PXStartupView: View {    @State var ready = false    var body: some View {        NavigationView{            ZStack{                Color.white                Image("Icon-Startup")                NavigationLink(destination: PXMainView(), isActive: self.$ready){                    EmptyView()                }            }            .navigationBarHidden(true)            .navigationBarBackButtonHidden(true)            .navigationBarTitle("", displayMode: .inline)            .edgesIgnoringSafeArea(.all)        }        .navigationBarHidden(true)        .navigationBarBackButtonHidden(true)        .navigationBarTitle("", displayMode: .inline)        .navigationViewStyle(StackNavigationViewStyle())        .statusBar(hidden: true)    }}

Works fine on iOS 13 (not status bar), but show status bar on iPad iOS 14

Hopefully this helps someone diagnose - tested via Xcode 12.0 beta 2 and iOS 14.0 public beta:

SwiftUI views NOT wrapped in NavigationView hide the status bar correctly via ".statusBar(hidden: true)" modifier.
SwiftUI views wrapped in NavigationView do not process the status bar correctly via ".statusBar(hidden: true)" modifier.
Not seeing much of a difference yet regarding portrait vs landscape.

Worked correctly at least through 13.5 but current 13.x.

Cheers.

Same here — .statusBar(hidden: true) doesn't work if view is wrapped in NavigationView on iOS 14.

Has anyone raised this with apple?

I'm having the same issue...statusBar cannot be hidden on any level if the view has a NavigationView...

Has anyone come up with a solution?

XCode 12, iOS 14

Man, I just wish Apple would spend some time cleaning up those SwiftUI bugs. It's crazy how many bugs apple just leaves there!

I faced the same issue, but was able to solve it by adding more keys to the info.plist file (Xcode 12 and iOS14).

As stated in this thread (https://stackoverflow.com/questions/56896719/how-to-hide-the-status-bar-in-swiftui) you just have to paste

<key>UIStatusBarHidden</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
 

in your info.plist file.

Afterwards

 
.edgesIgnoringSafeArea(.all)
.statusBar(hidden: true)
 

worked just fine for me.

The issue is finally solved with Xcode 13.0 beta 3 - you can attach the statusBarHidden modifier to both a TabView and a NavigationView and the status bar hides as expected.

I found the only way to get this to work per view is to wrap your rootView in a HostingController like:

class HostingController<ContentView>: UIHostingController<ContentView> where ContentView : View {
 
    
 
    init(view: ContentView) {
 
        super.init(rootView: view)
 
 
 
        NotificationCenter.default.addObserver(forName: .onDarkStatusBar, object: nil, queue: .main) { _ in
 
            self.statusBarEnterDarkBackground()
 
        }
 
        
 
        NotificationCenter.default.addObserver(forName: .onLightStatusBar, object: nil, queue: .main) { _ in
 
            self.statusBarEnterLightBackground()
 
        }
 
        
 
        NotificationCenter.default.addObserver(forName: .onShowStatusBar, object: nil, queue: .main) { _ in
 
            self.statusBarShow()
 
        }
 
        
 
        NotificationCenter.default.addObserver(forName: .onHideStatusBar, object: nil, queue: .main) { _ in
 
            self.statusBarHide()
 
        }
 
    }
 
    
 
    @objc required dynamic init?(coder aDecoder: NSCoder) {
 
        fatalError("init(coder:) has not been implemented")
 
    }
 
    
 
    private var isDarkContentBackground = false
 
    private var isStatusBarHiden = false
 
 
 
    func statusBarEnterDarkBackground() {
 
        isDarkContentBackground = false
 
        setNeedsStatusBarAppearanceUpdate()
 
    }
 
 
 
    func statusBarEnterLightBackground() {
 
        isDarkContentBackground = true
 
        setNeedsStatusBarAppearanceUpdate()
 
    }
 
    
 
    func statusBarHide() {
 
        isStatusBarHiden = true
 
        setNeedsStatusBarAppearanceUpdate()
 
    }
 
 
 
    func statusBarShow() {
 
        isStatusBarHiden = false
 
        setNeedsStatusBarAppearanceUpdate()
 
    }
 
 
 
    override var preferredStatusBarStyle: UIStatusBarStyle {
 
        if isDarkContentBackground {
 
            return .lightContent
 
        }
 
        else
 
        {
 
            return .darkContent
 
        }
 
    }
 
    
 
    override var prefersStatusBarHidden: Bool {
 
      return isStatusBarHiden
 
    }
 
 
 
}

Use as

let window = UIWindow(windowScene: windowScene)
 
            window.rootViewController = HostingController(view: contentView)

Then send out a notification from onDissapear and onAppear.

extension Notification.Name {
 
   static let onDarkStatusBar = Notification.Name("onDarkStatusBar")
 
    static let onLightStatusBar = Notification.Name("onLightStatusBar")
 
    static let onHideStatusBar = Notification.Name("onHideStatusBar")
 
    static let onShowStatusBar = Notification.Name("onShowStatusBar")
 
}

Using

                            .onAppear {
 
                                NotificationCenter.default.post(name: Notification.Name.onHideStatusBar, object: nil)
 
                            }
 
                            .onDisappear {
 
                                NotificationCenter.default.post(name: Notification.Name.onShowStatusBar, object: nil)
 
                            }