Невозможно отобразить кнопку меню вместо кнопки возврата в Ionic - PullRequest
Новая
       5

Невозможно отобразить кнопку меню вместо кнопки возврата в Ionic

0 голосов
/ 31 января 2019

Я работаю над приложением Ionic, и я использовал navbar в моем приложении ionic.Когда я перехожу на другую страницу, вместо кнопки меню отображается кнопка возврата.Я не хочу показывать кнопку возврата, я всегда хочу показывать кнопку меню на панели навигации.

Это page1.html : 

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle start>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

Он только скрывает кнопку возврата и не показывает кнопку меню.Я хочу показать кнопку меню вместо кнопки возврата.

Это page1.html : еще одна попытка. 

<ion-header>
  <ion-navbar swipeBackEnabled="false">
    <button ion-button menuToggle start>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

Это не работает.В данном случае отображается кнопка возврата.

Это page1.ts : 

 ionViewWillEnter() {
  // Reset the content nav to have just this page
  // we wouldn't want the back button to show in this scenario
  this.navCtrl.setRoot(MerchandisePage);
 }

Поэтому я решил сделать страницу корневой страницей, ноЭто постоянно загружается.Это не работает.

Это мой page.html : 

<button (click)="merchandisepage2()" class="mybtn22" ion-button round>View All</button>

На этой странице у меня есть кнопка, которая нажимает на другую страницу.

Это мой page.ts : 

 movetopage1()
{
    this.navCtrl.push(Page1);
}

Я не хочу показывать кнопку возврата, она всегда должна отображать кнопку меню на панели навигации.Любая помощь очень ценится.

Ответы [ 2 ]

0 голосов
/ 31 января 2019

Существует проблема с ionic, когда у вас есть пользовательская кнопка в панели навигации, и страница не является root.

Здесь вы можете быстро найти решение ..

Ionic3: Menutoggle продолжает скрываться

0 голосов
/ 31 января 2019

Решение состоит в том, что установите страницу на корневую страницу.

page.ts : 

movetopage1()
{
    this.navCtrl.setRoot(Page1);
}

Этот метод используется в Ионная тема боковой панели .

Это тема, включенная в Ионная тема боковой панели : 

 openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.setRoot(page.component);
  }
...