Ionic 2/3/4 Custom Back Button

Question

Я хотел бы изменить значок иона, используемый в кнопке «Назад» моей панели навигации, которая появляется, когда страница помещается в стек навигации. Вот мой код:

<ion-header>
   <ion-navbar>
      <button ion-button icon-only menuToggle>
        <ion-icon [name]="navbarIcon"></ion-icon>
      </button>
    <ion-title>Title</ion-title>
  </ion-navbar>
</ion-header>

Директива «name» влияет на внешний вид кнопки переключения меню, но не влияет на кнопку «назад». Есть ли способ изменить мой код, чтобы я мог изменить значок, отображаемый на кнопке «Назад»?

Я посмотрел на этот вопрос , но это для Ionic 1, и я также думаю, что должен быть лучший способ.

Answer 1

Мне удалось это сделать, скрыв кнопку возврата по умолчанию и добавив пользовательскую кнопку.

На странице, где мне нужна пользовательская кнопка возврата, просто установите заголовок, как показано ниже

<ion-header>
  <ion-navbar hideBackButton="true">
    <ion-title>Details</ion-title>
    <ion-buttons left>
        <button ion-button navPop icon-only>
      <ion-icon name="exit"></ion-icon>     
    </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

Stackblitz ссылка с рабочей демонстрацией: https://stackblitz.com/edit/ionic-jihfrp