Toolbar displaying behind tabbar in ios26

Updating apps for iOS 26. Seen that the toolbar (backside placement) is laid out behind the tab bar in iPhone. So, in portrait mode you’ll be able to’t see the toolbar buttons.

You possibly can see them in panorama mode as a result of there’s more room and the tabs are within the heart.

Identical app working on iPadOS26 works tremendous works when the app is dragged to a compact horizontal measurement. You see the toolbar above the tabbar.

Examined on machine and simulators. How can I get my toolbars to indicate in iPhone above the tabbar?

The code beneath was used to generate the screenshots.

import SwiftUI

@predominant
struct ThreeTabsApp: App {
  var physique: some Scene {
    WindowGroup {
      RootTabsView()
    }
  }
}

struct RootTabsView: View {
  var physique: some View {
    TabView {
      TabScreen(title: "House")
        .tabItem { Label("House", systemImage: "home") }

      TabScreen(title: "Search")
        .tabItem { Label("Search", systemImage: "magnifyingglass") }

      TabScreen(title: "Profile")
        .tabItem { Label("Profile", systemImage: "individual.crop.circle") }
      
      TabScreen(title: "Folder")
        .tabItem { Label("Folder", systemImage: "folder.badge.individual.crop") }

      TabScreen(title: "Strolling")
        .tabItem { Label("Strolling", systemImage: "determine.stroll") }

      TabScreen(title: "Solar")
        .tabItem { Label("Solar", systemImage: "solar.min.fill") }
    }
  }
}

/// A reusable display screen for every tab that gives its personal backside toolbar.
struct TabScreen: View {
  let title: String
  @State non-public var counter = 0

  var physique: some View {
    NavigationStack {
      VStack(spacing: 16) {
        Textual content(title)
          .font(.largeTitle.daring())

        Textual content("Counter: (counter)")
          .font(.title3.monospacedDigit())

        Textual content("Use the underside toolbar buttons to alter the counter.")
          .foregroundStyle(.secondary)
      }
      .padding()
      .navigationTitle(title)
      .toolbar {
        ToolbarItemGroup(placement: .bottomBar) {
          Button {
            counter = max(0, counter - 1)
            print("[(title)] Prev tapped")
          } label: {
            Label("Prev", systemImage: "chevron.left")
          }

          Spacer(minLength: 24)

          Button {
            counter += 1
            print("[(title)] Subsequent tapped")
          } label: {
            Label("Subsequent", systemImage: "chevron.proper")
          }
        }
      }
    }
  }
}