ionic2-super-tabs使用時にサブページのタブを非表示にする

Question

ionic2-super-tabsを使用していて、うまくいきます。唯一の問題は、私が使用して設定したときと同じように、サブページのタブバーを非表示にすることができないことです。 tabsHideOnSubPages：app.module.tsの "True"

サブページのタブを非表示にする方法はありますかイオン2スーパータブ？

Answer 1

私は

マイTabs.htmlファイルは4つのルートページがあり、次のようにそれを行っています。ルートページで

：supertabsのCSSの

this.tabBarElement = document.querySelector('super-tabs-toolbar'); 

ionViewWillLeave() { 
    this.tabBarElement.style.display = 'none'; 
} 

ionViewWillEnter() { 
    this.tabBarElement.style.display = 'block'; 
} 

そして最後に、それはカルク（100％ - 72px）と高さを設定し、デフォルトでは、100％と高さを作るとき、タブ、ページを押し下げバーは隠されています。

super-tabs-container { { 
    height: calc(100%)! important; 
} 

Answer 2

ionic2スーパータブが自動的にすべてのサブタブのNavParamsに追加されrootNavCtrlという名前のからNavControllerへの参照を持っているように変更します。これにより、内部ページではなくルートページからページをプッシュできます。そうすれば、あなたのサブページはスーパータブページの上にプッシュされ、タブバーをカバーします。

export class Page1Page { 

    rootNavCtrl: NavController; 

    constructor(public navParams: NavParams) { 
    //get a reference to the NavController of super-tabs 
    this.rootNavCtrl = navParams.get('rootNavCtrl'); 
    } 

    pushSubPage() { 
    //use it to push your new subpage 
    this.rootNavCtrl.push('PageToPush'); 
    } 

} 

がhttps://github.com/zyra/ionic2-super-tabs-example/blob/master/src/pages/page1/page1.ts#L22

Answer 3

で例を参照してください...あなたのスーパータブページでは、これを行うことができますPage1Pageと呼ばれるタブを持っていると仮定すると、

は、あなたのルートページ.TSファイルに次のコードを追加します。 参考URL https://github.com/zyra/ionic2-super-tabs

例rootPage1.tsページ

import { SuperTabsController } from 'ionic2-super-tabs';

export class rootPage1 { 
constructor(private superTabsCtrl: SuperTabsController){}  
ionViewWillLeave() { 
    this.superTabsCtrl.showToolbar(false); 
} 

ionViewWillEnter() { 
    this.superTabsCtrl.showToolbar(true); 
} 
}