iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

TabView

Bottom Accessory

A modifier to place content above the tabs

Explore Bottom Accessory on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
TabView {
  Tab("1", systemImage: "1.circle") {
    EmptyView()
  }

  Tab("2", systemImage: "2.circle") {
    EmptyView()
  }

  Tab("3", systemImage: "3.circle") {
    EmptyView()
  }
}
.tabViewBottomAccessory {
  Text("Foo")
}

Compatibility

iOS 26.0+ iPadOS 26..0+

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Bottom Accessory.

1 views