changes to the tab bar

Generated on 8/2/2024

1 search

Apple introduced several changes to the tab bar in iPadOS 18, as discussed in the session Elevate your tab and sidebar experience in iPadOS. Here are the key updates:

  1. Visual Refresh: The tab bar has a new compact look that reduces unused vertical and horizontal space, bringing more content to the forefront. It now sits at the top of the app, closer to other navigation controls, making it easier to reach (source).

  2. Integration with Navigation Bar: The tab bar shares a safe area with the navigation bar for a more integrated appearance. Items from the navigation bar will automatically move to overflow if there's not enough room to show alongside the tab bar (source).

  3. Customization Features: Users can personalize their tab bar by adding their favorite tabs through drag and drop. Tabs can be reordered or hidden, and additional items can be added from the sidebar (source).

  4. New API for SwiftUI and UIKit:

    • SwiftUI: A new syntax in SwiftUI makes it easier to catch common errors at build time. You now declare a tab struct with a title, image, and content view. Optionally, include a selection value to enable programmatic selection (source).
    • UIKit: New APIs allow better description of your app hierarchy to UITabBarController. You can create UITab instances to represent each top-level section of the app and assign them to the tabs property on the tab bar controller (source).
  5. Combined Sidebar Experience: The tab bar can morph into a sidebar for deeper navigation. This combined experience allows for quick navigation using the tab bar while providing access to deeper sections of the app through the sidebar (source).

  6. Platform Considerations: The new tab and sidebar features are designed to work seamlessly across different Apple platforms, including macOS and visionOS (source).

For a detailed walkthrough of these changes, you can watch the session Elevate your tab and sidebar experience in iPadOS.