Secondary Navigation Bar

Implement native top-bar tab navigation and secondary category headers. Nativine embeds native iOS UISegmentedControl and Android TabLayout viewports, allowing users to switch sub-categories with native swipe gestures and zero web reloads.

1. Overview & Native Capabilities

Top tab bars provide clean secondary navigation for e-commerce, news, and dashboard applications. Nativine's Secondary Navigation plugin renders native tab bars below the header action bar:

• Native Swipeable Tab Views: Smooth horizontal swipe transitions between category viewports.
• Dynamic Tab Badges: Display unread count badges or "NEW" indicator pills on individual tabs.
• URL Target Routing: Map each top tab directly to a specific website sub-route or anchor section.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Secondary Navigation Bar.
3. Toggle Secondary Navigation Bar to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To switch top tabs or update active tab badges programmatically in JavaScript, call nativine.secondaryNav.setActiveTab():

// Programmatically switch active top tab
nativine.secondaryNav.setActiveTab({
  index: 1 // 0-indexed tab position
});

// Update badge count
nativine.secondaryNav.setTabBadge({
  index: 2,
  badgeText: '5'
});

Parameters

4. Frequently Asked Questions (Q&A)