Bottom Tab Bar

📘

A Bottom Tab Bar menu is the most common native navigation menu component. You can configure your app with multiple tab bar menus to show on different pages and define optional icons and labels for each menu. You can also set and control the tab bar menu at runtime from your website using the JavaScript Bridge.

Selecting Tabs

Tabs will automatically be selected when clicked.

Sometimes, a link will be clicked on your website, and this linked page coordinates to a specific tab item. For that case, you may specify a "regex" field for each tab link in the JSON, which will select that tab whenever that page loads.

/* Regex Tab Selection Example */
{
  "tabSelectionConfig": [
    {
      "id": "1",
      "regex": ".*"
    }
  ],
  "tabMenus": [
    {
      "id": "1",
      "items": [
        {
          "subLinks": [],
          "label": "Google",
          "url": "https://google.com",
          "regex": "https://google\\.com/?"
        }
      ]
    }
  ],
  "active": true
}

Next Steps