2017-07-21 3 views
1

Ich habe so etwas wie die:Ionic 3 - Do not Home-Taste ändern Taste in navbar nach hinten

In meinem navbar Ich habe eine Home-Taste das Menü für Makel.

Das Problem ist, ionische ändert automatisch von Home-Taste in Zurück-Taste, wenn der Nav-Stack mehr als 1 Seite hat.

Ich brauche die Schaltfläche, um immer eine Home-Schaltfläche zu bleiben, die das Menü umschaltet, unabhängig davon, wie viele Seiten es im Nav-Stapel gibt.

<ion-header> 

    <ion-navbar> 

     <button ion-button menuToggle> 
      <ion-icon name="home"></ion-icon> 
     </button> 

    <ion-navbar> 

</ion-header> 

Lösungen, die für meinen Fall nicht gut sind:

1) Es geschieht nicht, wenn ich „SetRoot“ anstelle von „Push“ verwenden, wenn Seiten zu ändern, weil dann immer der nav-Stack hat 1 Seite.

Allerdings ist dies keine Option für mich, ich möchte weiterhin "push" verwenden und die Schaltfläche bleiben eine Home-Taste, die Menü wechselt, anstatt in eine Zurück-Taste, die 1 Seite zurückgeht.

2) Durch die Einstellung von hideBackButton = "false" wird die Zurück-Schaltfläche vollständig ausgeblendet. Dies bedeutet jedoch nicht, dass stattdessen die Home-Schaltfläche angezeigt wird. anstelle von Ionen navbar

<ion-navbar hideBackButton="false"> 
+0

Versuchen zu verwenden 'Ionen toolbar' statt' Ionen navbar' – Duannx

+0

Was Sie in der Navigation tun könnte immer verwenden ' setRoot() 'anstelle von' push() ', wodurch verhindert wird, dass sich ein Nav-Stack bildet und die Rückseite –

+0

niemals eine Frage für Sie anzeigt. Wenn du "push" benutzen musst, wie wirst du gehen/wie willst du zu den vorherigen Seiten zurückkehren? –

Antwort

1

Verwenden Ion-Toolbar:

<ion-header> 
    <ion-toolbar> 
     <button ion-button menuToggle> 
      <ion-icon name="home"></ion-icon> 
     </button> 
    <ion-toolbar> 
</ion-header> 
+0

Obwohl es funktioniert, ersetzt es nicht die Zurück-Schaltfläche auf Android, da die Symbolleiste nur Symbole auf der rechten Seite in Android ausrichtet – mtpultz