[Kool]

Hi All,

Looking at the Twitter and Component Showcase examples, I’ve noticed that, when switching from iOS to Android theme, the navigation bar at the bottom jumps from the bottom to a inside a menu button in the top left.

Is there a way to always have the navigation bar at the bottom on all platforms?

[GüntherFelgo Team]

Hi Kool!

Yes, depending on what look you are going for there are several options:

  Navigation {
    navigationMode: navigationModeTabs
    //
  }

By setting the navigation mode to only tabs, the left menu is never used and on Android the native-styled tabs at the top are used.
It is also possible to display these tabs at the bottom on all platforms with:

  Navigation {
    navigationMode: navigationModeTabs
    tabPosition: Qt.BottomEdge

     // ...
  }

The third option is to use the iOS Theme for all platforms, which completely deactivates the Android-look.
To  trigger the iOS look at app start for all platforms, use:

App {  
  onInitTheme: {
    Theme.platform = "ios"
  }
  // ...
}

Best,
Günther