Liquid Gears Platform
Liquid GearsLiquid State
1.0.0
1.0.0
  • Liquid Gears Platform Documentation
  • Platform components
    • Mobile Apps
    • Integrated Web Apps (IWA)
    • Desktop Web Apps
    • Ubiquity
    • Carbon Editor
    • Admin dashboards
  • API documentation
  • IWA framework
    • Core libraries
      • iwa-core
      • iwa-router
      • iwa-identity
      • iwa-cognito-identity
      • iwa-keyvalue-store
      • iwa-desktop
    • React Helpers
    • Events
      • Events overview
      • app domain
      • iwa domain
      • kv domain
      • launch domain
      • analytics domain
    • UI Kit
    • Generator
    • Blueprints
  • How-tos
    • Simple Mobile App
      • Part 1
      • Part 2
    • Advanced Mobile App
      • Part 1
      • Part 1
  • Guides
    • Linear Mobile Apps
    • Tabbed Mobile Apps
    • Working with PIP
    • Localisation
    • Analytics
    • Testing Mobile Apps
Powered by GitBook
On this page
  1. Guides

Linear Mobile Apps

Linear navigation is the default type of navigation for Mobile apps.

PreviousPart 1NextTabbed Mobile Apps

Last updated 6 years ago

When you design a new mobile app, one of the first chocies to make is the type of navigation it should support: linear or tabbed. This page explains all you need to know about linear apps. For more information on tabbed apps, please refer to .

Linear Mobile Apps have a single navigation stack onto which new routes can be pushed. This stack can be walked backwards by using common controls to do so on both iOS and Android.

They also have support for an optional toolbar presented at the bottom of their screen, within which secondary actions can be presented to the user. A typical toolbar would include between one and five buttons which can trigger events such as navigation event or iwa/trigger_action events to, you guessed it, trigger any behaviour in the currently displayed IWA.

Example configuration

{
    // ...
    "navigation": {
        "type": "linear",
        "navigation_options": {
            "linear": {
                "launch_data": {
                    "webapp_id": "main_webapp"
                }
            }
        }
    }
}
the relevant documentation page