2017-06-09 3 views
0

Ionicモバイルアプリケーション(現行バージョン)を開発中です。私は新しいナビゲーションスタックを始めている各タブでイオン2:タブのナビゲーションスタックを分離 - 選択したタブに応じて戻る矢印とメニューの切り替えを表示

example tabs structure

:私は、タブ構造はこれに似て探しています。意味:たとえば、「プッシュページ」ボタンをクリックすると、新しいページが最初のページのナビゲーションスタックにプッシュされます。

左上にはサイドメニューを開くためのメニューシンボルがあります。ページをルート・ナビゲーション・スタックにプッシュするたびに、このシンボルが「バック・アロー」に変わります。

私が望むのは、このシンボルは常に選択したタブのナビゲーションスタックを表しているということです。したがって、最初のページのナビゲーションスタックにページをプッシュすると、私はバック矢印を表示したいと思います。 2番目のページに移動すると、ページを2番目のページのナビゲーションスタックにプッシュするまで、メニューシンボルが表示されます。それで...

これを達成する方法は誰にも分かりますか?どんな助けもありがとうございます。ありがとうございました!

答えて

0

ionic2を使用している場合は、必要に応じてメニューアイコンをカスタマイズできます。アイコンをカスタマイズする必要があるページごとに、そのアイコンにイオンヘッダータグを追加します。たとえば。タブ、ヘッダは常に同じものであるから来ているHTMLファイルを使用し

FirstPage.html

<ion-header> 
    <ion-navbar hideBackButton="true"> 
    <button ion-button menuToggle (click)="backToMain()"> 
     <ion-icon name="back"></ion-icon> 
    </button> 
    <ion-title>First Page</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
</ion-content> 

SecondPage.html

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

<ion-content> 
</ion-content> 
+0

。例えば。 "home.html" "firstPage.html"と "seconPage.html"はhome.htmlによって読み込まれ、home.htmlのヘッダの後ろに表示されます。したがって、このアプローチは残念ながらうまくいきません。 –

関連する問題