Native Navigation Overview
Native navigation menus allow you to build high-performance mobile apps with intuitive, platform-consistent UI elements - matching the look and feel of top iOS and Android applications. Median supports four types of native navigation components:
These native navigation menus improve user experience by displaying instantly - before your web content loads - and persisting across internal or third-party pages displayed within your app. This is especially useful for enterprise and multi-source web apps, allowing seamless transitions between embedded services.
Benefits of Native Navigation Menus
While modern mobile browsers and webviews offer smooth performance, native navigation menus provide distinct advantages:
- Immediate rendering: Displayed before any web content loads.
- Persistent navigation: Shown across internal and external (third-party) web pages.
- Cross-service navigation: Enable deep links across apps and services via native tabs or sidebars.
- Flexible UI control: Configurable at build-time or runtime via the Median JavaScript Bridge.
Example Use Case
You can use native navigation to integrate and switch between multiple web-based applications within your app. An example, as illustrated below, could include the following destinations which could all be accessed using the same consistent navigation.
Icon | Destination |
---|---|
House | SharePoint intranet site |
Address Book | Active Directory corporate contacts |
Calendar | ASP.NET shift scheduling system |
User | Third-party HR or benefits management portal |
A visual example for this use case for Android and iOS (using FontAwesome Icons) can be found below:

Example Bottom Tab Bar Menu
Icon Support for Native Menus
Median supports both standard and custom icon libraries, giving you complete control over your app's design. You can also set different icons for the active and inactive states of a tab bar item, giving users clear visual feedback about which tab is currently selected.
Icons can be configured per menu item and are supported in top bars, sidebars, and bottom tab bars. Like other Median features, native navigation menus including icons can be configured at build time and built into your app and/or set at runtime through the JavaScript Bridge.
Platform Guidelines and Design Consistency
Median follows platform-specific UI/UX best practices, ensuring your app adheres to mobile operating system standards and compatibility with the latest app publishing guidelines.
iOS Design Guidelines
- Apple Human Interface Guidelines - Overview
- Apple Human Interface Guidelines - Top Navigation Bar
- Apple Human Interface Guidelines - Sidebar Navigation Menu
- Apple Human Interface Guidelines - Sidebar Navigation Menu
Android / Material Design Guidelines
- Google Material Design Guidelines - Overview
- Google Material Design Guidelines - Top Navigation Bar
- Google Material Design Guidelines - Sidebar Navigation Menu
- Google Material Design Guidelines - Bottom navigation
Updated 10 days ago