Navigation view only in child view

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

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:

Code:

---

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

Why not just use a Container with Card layout?

@bricemason ok I will try this solution

Quote:

---

Originally Posted by mitchellsimoens

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

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.

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.