How to hide NavigationBar in SwiftUI on all devices the same way?

Question

iOS

Good evening!
I have the following View hierarchy: SplashView -> MainView.
In SplashView I don't need NavigationBar, so I turn it off:

NavigationView {
        VStack { /* some stuff */}        
    }    
         .navigationBarTitle("", displayMode: .inline)
         .navigationBarHidden(true)
         .edgesIgnoringSafeArea([.top, .bottom])

In MainView I need an inline NavigationBar:

NavigationView {
        ZStack{ /* some stuff */ } 
        }.navigationBarTitle("TEST TITLE", displayMode: .inline)
            .navigationBarHidden(false)
            .navigationBarBackButtonHidden(true)
            .navigationBarItems(leading: EmptyView())
            .navigationBarItems(trailing: HStack {
                           Button("Test1") { print("test1")

                           }
                           Button("Test2") {
                               print("test2")
                   }
                       })
        }

As a result, on the iPhone 11 I get:



And on the iPhone SE 2nd gen. it is stretched and with extra buttons:



Moreover, if you manage, you can click on the "Back" button and get back to SplashView!

Why does it work this way and how can it be fixed?

Answer 1

https://stackoverflow.com/questions/61780084/how-t...