Ater login, how to hide back button and show my toggle menu in my homepage?

Ionic Framework ionic-v3
1

Ionic Version: 3.7.1

Login Sucessful --> Home Page - Back Button can’t appear at this stage of the app! It should appear my Toggle Menu

Here is is the code of my Homepage:

<ion-header>

  <ion-navbar hide-back-button="true" can-swipe-back="false">
    <ion-title style="text-align: center">
      <img class="title-image" src="assets/img/logo.png" alt="LOGO">
    </ion-title>

    <ion-buttons>
      <button color="dark" ion-button icon-only menuToggle="left"  enable-menu-with-back-views="true">
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

As you can see, I tried several tricks, but nothing works! :frowning:

2

I use this on the homepage of my app:

hideBackButton to hide the default-shown back-button
A button with the property menuToggle to toggle the sidemenu.

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Home</ion-title>    
  </ion-navbar>
</ion-header>
1 Like
3

Since it is your HomePage you don’t want at all the NavBack, I would suggest that you use the ion-toolbar instead of ion-navbar.

<ion-header>
  <ion-toolbar>
    <ion-buttons left>
      <button ion-button left menuToggle="MyMenu">
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>My Awosome App</ion-title>
  </ion-toolbar>
</ion-header>
6 Likes
4

Oh my goshhhhh … What an easy solution! Thank you so much! :rofl::blush::hugs:

5

Thank you for your solution, it worked like a charm.