Toolbar exhibiting behind tabbar in ios26

Updating apps for iOS 26. Observed that the toolbar (backside placement) is laid out behind the tab bar in iPhone. So, in portrait mode you possibly can’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 operating on iPadOS26 works high-quality works when the app is dragged to a compact horizontal measurement. You see the toolbar above the tabbar.

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

The code under was used to generate the screenshots.

import SwiftUI

@most important
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 personal 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 vary 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")
          }
        }
      }
    }
  }
}