Back button does not work in navigation view when items added dynamically

[bhomass]

When I use static item inclusion, the back button on navigation view worked.
items: [
{ xtype: 'phone-maintab' }
]

when I switched to using add items using the class method, back button stops working.
initialize: function(){
if (Ext.Viewport.getOrientation() == "landscape") {
this.orientation = 'landscape';
this.add([Ext.create('FirstApp.view.tablet.Main')]);
}
else {
// alert('portrait');
this.orientation = 'portrait';
this.add([Ext.create('FirstApp.view.tablet.TabMain')]);
}

},

How to bring back the Back button function?

[mitchellsimoens]

You shouldn't use the add method, you should use the push method to add items in the navigation view.

[bhomass]

I changed to push. same problem, the back button does not work.

notice the screen which I want to go back from is already "push"ed.

Ext.getCmp('tablet-navviewid').push(docview);

These other screens where I use add() don't care about the back button. But they do cause the pushed screen to have failed back button.

[bhomass]

I called setActiveItem(item) after the push() to anchor the current selection, still the back button does not work after I push in the next page.

[mitchellsimoens]

You should not use setActiveItem on the navigation view, push or pop or reset. That's it

[bhomass]

I removed setActiveItem().

I then added a button which calls pop(). That actually works, which means the stack is perfectly fine. So, what reasons can be there for Back button to not work?

[bhomass]

I found a workaround. Don't push the views until after the NavigationView has been painted. I did the push inside the painted event handler.