Ionic: show back icon instead of menu icon

Question

I have a project where i use a side menu and ion-tabs. You can have a small example opening this Plunker. As you can see you have a side menu and a button (text). If you click on that button you will get navigated to the tabs view with three tabs inside it.

My problem now is that at the top left corner the menu icon is shown instead of the back button. That is really not what i want. I want the menu icon to hide when there is a back view and only to show if there is no back view.

Im an Android user and for me the side menu should always work like in android. Ok in android you never have the back button at the top left corner but thats required because the app im developing should also run on ios. So what i need is:

- side menu available from each view by sliding it in from left to right
- side menu icon when there is no back view
- back icon instead of menu icon when there is a back view

LeftyX LeftyX · Accepted Answer · 2015-07-23T08:30:48

There are lot of issues regarding navigation, history, back button, especially working with tabs.

You can read a comment to this issue from one of the developers:

Regarding transitions between a non-tabs view and a tabs view, in the current architecture this is challenge due to how the tabs are nested, and a tab is nested inside of tabs. A lot of the limitations are due to how the leaving view is the container for the entering view. The core structure to how transitions and animations works will updated in Ionic 2.0 to allow for any transition between any view. I'm going to change this milestone to 2.0.

and again, here:

The back button does not display because when you go into a tab, it enter's it own "history", meaning each tab has its own navigation back and forward.

I've opened myself a few issues on this topic.

I guess we will have to wait a few months more.

Ionic: show back icon instead of menu icon

2 Answers