IonicフレームワークのiOS風タブ

Question

私はプロジェクトでionicを使用していましたが、iOS用のUXにはあまり満足していませんでした。私は、タブプロジェクトを作成するときに、どのように基本タブの代わりにこのタブ（写真参照）を追加することができますか？

enter image description here

Answer 1

あなたのスクリーンショットで記述されているすべてのタブのボタンを追加する<ion-nav-buttons class="button-bar"></ion-nav-buttons>ディレクティブを使用することができます。 ui-sref-activeディレクティブと一緒にui-srefがアクティブ状態でのタブにフォーカスがあることを確認する

<ion-nav-buttons class="button-bar" side="left"> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path1"> 
    Label 1 
    </a> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path2"> 
    Label 2 
    </a> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path3"> 
    Label 3 
    </a> 
</ion-nav-buttons>