The problem with ios navigation bar


#1

Hi everobody! I’m working on Framework7 app and have issue with navbar. The structure of app is

<div id="app">
<!-- Status bar overlay for fullscreen mode-->
<div class="statusbar"></div>
<div class="panel-overlay"></div>
<!--Left navigation drawer-->
<div class="panel panel-left panel-cover"></div>
<!-- Your main view, should have "view-main" class -->
<div class="views">
    <div class="view view-main view-init" data-url="/">
        <!--Common navigation bar for all screens-->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#" class="link icon-only panel-open" data-panel="left">
                        <i class="icon f7-icons ios-only">menu</i>
                        <i class="icon material-icons md-only">menu</i>
                    </a>
                </div>
                <div class="title">
                    Example
                </div>
                <div class="right">
                    <a href="#" class="link icon-only">
                        <i class="icon f7-icons ios-only">bell</i>
                        <i class="icon material-icons md-only">notifications</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="pages">
            <div class="page">
                <div class="page-content">
                    <!--Content of the current screen-->
                </div>
            </div>
        </div>
    </div>
</div>

As you can see in my app I have left side panel, navbar and content area. Navbar is common for all screens.

My problem is that navbar isn’t available in ios theme. When I open the start page I only see empty screen and it doen’t allow me to make any transitions.

In “md” theme it works fine - I can make navigations in view-main and navbar is constantly available for me like I 've designed


#2

You must disable iosDynamicNavbar in View settings if you need to have only one navbar for all pages


#3

It works perfectly. Thanx. I’ve overwatched this stuff in a doc