Navigation view only in child view

[hamzazar]

Hi there,

How I can display the navigation tab only in child items of the navigation view and hide it only in the first view.

Thanks

[bricemason]

This could be achieved by setting the navigationBar config option on your navigation view to false.

Then apply the following activeitemchange listener to your navigation view:

listeners: {
    activeitemchange: function(navView, newvalue, oldvalue, opt) {
        // get the index position of the new active item
        var i = navView.getInnerItems().indexOf(newvalue);
        
        // hide the navigation bar for the first view
        if(i == 0) {
            navView.setNavigationBar(false);
        }
        else {
            navView.setNavigationBar({docked:'top', hidden: false});
        }
    }
}

I hope this helps.

Brice

[mitchellsimoens]

Why not just use a Container with Card layout?

[hamzazar]

@bricemason ok I will try this solution

Why not just use a Container with Card layout?

But if in sencha they have a navigation view why I reinventing the wheel? I thing sencha can do this simple modification in the navigation view

[mitchellsimoens]

You're not using the navigation view as it was designed. So for what you want, the only thing that is special is the push/pop methods which is very easily done with less code using a Container and card layout.

[hamzazar]

will your solution approve the performence? because I have a performance problem with iphone, the app it very slow specially in animation. If I use container with card layout I need to add the back button and other code my self that is not the case with navigation view. I think that will complicate the code so my app will be more slowly.