App structured like Spotify


#1

Hello,
me and my team are using the Framework to create an app whose navigation we intend to be similar to Spotify.
That means:

  • having a bottom navigation bar, always shown
  • each bottom bar button opens a different view/tab which represents a main section
  • inside each tab, navigation occurs by opening new views on top of the previous one, without ever covering the bottom navigation (the only exception to this are temporary fullscreen popups or menus)

We tried with the “Routable Tabs” technique shown in the docs: the bottom bar and tabs are created and routed correctly, yet we can’t understand how to open a view without covering the bottom section. Also, when opening a view (hence by routing) from inside one of the tabs, the <script> tags inside the view’s template are not loaded.
We tried also with the “Views as Tabs” but we couldn’t work it out…

Can someone point us in the right direction? We are new to the app development world, but we’d really like to get into it with F7.

Thank you very much
Marco


#2

I believe you need to start from this template https://framework7io.github.io/framework7-template-tabs/, and forget about Routable Tabs, it doesn’t work for Views as Tabs


#3

Thank you very much,
we’ll try with that!