Elevated TabBar in iPadOS 18 covers Navigation-/Toolbar

The new "elevated" tab bar in iPadOS 18 covers the Navigation-/Toolbar of views within.

A very simple example:

import SwiftUI

@main
struct SampleApp: App {
    
    @State var selection: Int?
    
    var body: some Scene {
        WindowGroup {
            TabView {
                NavigationSplitView {
                    List(0..<10, selection: $selection) { item in
                        Text("Item \(item)")
                            .tag(item)
                    }
                } detail: {
                    if let selection {
                        Text("Detail for \(selection)")
                            .navigationTitle("Item \(selection)")
                            .navigationBarTitleDisplayMode(.inline)
                    } else {
                        Text("No selection")
                    }
                }.tabItem {
                    Label("Items", systemImage: "list.bullet")
                }
                
                Text("Tab 2")
                    .tabItem {
                        Label("Tab 2", systemImage: "list.bullet")
                    }
                
                Text("Tab 3")
                    .tabItem {
                        Label("Another Tab", systemImage: "list.bullet")
                    }
            }
        }
    }
}

I've tried using .safeAreaInset/.safeAreaPadding for the detail views, but they don't affect the NavigationBar, only the content within.

Is there a way to move the NavigationBar down, so its items stay visible?

Answered by DTS Engineer in 809085022

tabItem(_:) has been deprecated. Use the new Tab(title:image:value:content:) API instead.

tabItem(_:) has been deprecated. Use the new Tab(title:image:value:content:) API instead.

I have exactly the same problem. Tab(title:image:value:content:) is only available in iOS 18. Regardless of that I switched to it. But it changes nothing in the UI or about this problem. The new tab bar still covers the navigation bar. Is there no native way to move the navigation bar under the tab bar?

Elevated TabBar in iPadOS 18 covers Navigation-/Toolbar
 
 
Q